Tampilkan postingan dengan label Tips Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blog. Tampilkan semua postingan

Menghilangkan Link Aktif pada Komentar Blogger


Menghilangkan Link Aktif pada Komentar Blogger. Sebenarnya Free Just 4 U bukan master dalam blogger, artikel ini saya dapatkan dari blog Kang Ismet beberapa waktu lalu ketika bingung mencari cara agar blog terhindar dari SPAMMER pada komentar blog dengan menyimpan link aktif / hidup.
Bagi rekan - rekan yang mencari cara Menghilangkan Link Aktif pada Komentar Blogger, silahkan simak artikelnya berikut ini.
Ada beberapa cara untuk menghilangkan link aktif / link hidup pada komentar, diantaranya dengan CSS dan JavaScript.

Dengan CSS (Not Recommended)
Untuk menyembunyikan link dengan CSS, simpan kode ini di atas ]]></b:skin>
#comments p a{ display: none !important;}

Akan tetapi cara ini tidak direkomendasikan, karena masih terbaca di browser, otomatis masih terbaca sebagai link oleh Mesin Pencari.

Dengan JavaScript (Recommended)

Sebetulnya ada banyak javaScript untuk menghilangkan link hidup pada komentar ini, namun pada kesempatan ini saya akan share 2 JavaScript saja.

Simpan salah satu JavaScript ini di atas </body>
<script type='text/javascript'>
//<![CDATA[
$(function(){$('#comments p').find('a').contents().unwrap();});
//]]>
</script>

Anchor link akan menjadi teks biasa

atau gunakan JavaScript ini
<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {
        if (content[i].innerHTML.indexOf('</a>') !== -1) {
            content[i].innerHTML = "<mark>No live link!!!</mark> Dilarang nyepam di sini!";
            content[i].className = "spammer-detected";
        }
    }
}
blockLinks('comment-holder', 'p');
//]]>
</script>

Isi komentar semua berubah menjadi peringatan

Semoga Menghilangkan Link Aktif pada Komentar Blogger  bermanfaat...


Notifikasi Komentar Ala Google Plus


Notifikasi Komentar Ala Google Plus ini sebenarnya Free Just 4 U dapatkan dari Kang Ismet salah satu master blogger yang saya kenal.
Bagi rekan - rekan yang ingin memasang Notifikasi Komentar Ala Google Plus silahkan ikuti caranya di bawah ini. Untuk lebih jelas cara pemasangannya bisa langsung kunjungi Blog Kang Ismet, sedang untuk demonya bisa dilihat dengan klik lambang lonceng yang ada di pojok kanan atas blog ini.
Langkah 1 : Simpan jQuery di bawah ini di atas </head>
( Lewati langkah ini jika didalam template sudah ada  jQquery )
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/> 

Langkah 2 : Simpan CSS ini di atas ]]></b:skin> atau </style>
/* Notifikasi Komentar
----------------------------------------------- */
#cm-total {
  position:fixed;
  top:14px;
  right:0;
  width:188px;
  text-align:left;
  z-index:9999;
  cursor:pointer;
}
.total-counter {
  background-color:#d11919;
  color:white;
  padding:1px 4px;
  font-family:Arial,Sans-serif;
  font-size:11px;
  border-radius:5px;
  font-weight:bold;
}
#notif {
  position:fixed;
  top:20px;
  right:180px;
  z-index:9999;
  height:22px;
  width:19px;
  opacity:.4;
  cursor:pointer;
}
#notif:hover {
  opacity:1;
}
.close-notif {
  position:fixed;
  top:92px;
  right:20px;
  z-index:9999;
  cursor:pointer;
  display:none;
}
#cm-container {
  width:355px;
  position:fixed;
  top:67px;
  right:0;
  z-index:9999;
  background-color:#e5e5e5;
  padding:60px 20px 10px 20px;
  color:#666;
  box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;
  text-align:left;
  border:1px solid rgba(0,0,0,.2);
  background-clip:padding-box;
  display:none;
}
#cm-container:before {
  content:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQhRjfeyFTOFkEcLIOzlQKaw-JaMNyFSHw6QmdcD8hKYZMlxVDGqe0XIu1nuYVZZl54h1rXUtbv-7iqk9Ak1C5PEcYFC10-x3v0sjkuHmy4uZ6eabc-sKJbBkm3-CcuQKgyvj5d2ZHueg/s1600/arrow-notif.png');
  position:absolute;
  top:-14px;
  left:196px;
}
#cm-container:after {
  content:"Komentar Terbaru";
  position:absolute;
  top:22px;
  left:150px;
  text-align:center;
  font:normal 14px Arial;
  color:#333;
}
.cm-outer {
  margin:0 auto;
  padding:0;
  font-size:11px;
  text-align:left;
  font:normal 12px Arial;
}
.cm-outer ul{
  margin-bottom:5px;
}
.cm-outer li {
  padding:9px 10px 14px;
  list-style:none;
  clear:both;
  position:relative;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
  background-color: white;
  margin-bottom:10px;
}
.cm-text {color:#797979;}
.cm-outer {margin:0 0 5px}
.cm-header {margin: 4px 0 8px 90px;font-size:11px;font-weight:normal !important;}
.cm-header a {color:#262626;text-decoration:none;font-size:14px;font-weight:bold}
.cm-header a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-left:90px}
.cm-outer img {
  display:block;
  float:left;
  background:#ececec url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBA6Abm8y3E3EzI53es0s6GGQpaHZEBuHM5t4QedujylvwrYKQvD6HwxIhWvrb4aZmnROEVR454KnjnlfFEBHtDRLp6nSqtX1sAF-LYJZ2pBy-w4hsS8Jz2gEmo6W82xmiVSel3Nw29vc/s1600/anon80.png') no-repeat 50% 50%;
  overflow:hidden;
  border-radius:3px 0 0 3px;
  position:absolute;
  top:0;
  left:0;
}
.cm-footer {margin-top:7px;}
.cm-footer a {color:#5886a7;text-decoration:none;}
.cm-footer a:hover {color:#74a2c3;text-decoration:none;}
div.cm-header img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39;] {
content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7jkx8KeeQltW9V9PbzyUnpMv7L0GU9mcxhyphenhyphenjuNDTd6UDd4YCpAadd7R5rTkeX94XaCOpTJ4fUUJon0QIA17Lifi7vhKlFWATVRNa5vLR-ZvkRJGdc7fitAIG4DiGtioP6zjnXfqJYd8k/s80-c/gravatar.png);
}

Langkah 3 : Simpan kode ini di atas </body>
<div id='cm-container'/>
<div id='notif' title='Notifikasi'><img alt='notifikasi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9tlKhmILEbq-d0yQU7bSs7xv_hfELa783p7iZDfiISoIg_67houTbu_G7teT9qmM5YKNMd6CybLd3dX1jYVjIh6pzK7cq4y9bMT9Tv_u7uGz0muolA5epqp81KkjH_FKn6dW1iLqTIbk/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='close' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSbUv96UwQKk-QoDHjQopli7sd9ZTAfSL8sJBG0O-YmQVno1ECgxulY6Z0ESSGULVW_PnNr1DJsSWWEESYvUtaLevmB3rsLPUWw_XyO-MYiGgfdS3i_fV7f6ohLWzgQ0AejT4lEbrysC4/s1600/delete4.png' title='close'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
    home_page: "http://blog.kangismet.net",
    max_result: 6,
    t_w: 80,
    t_h: 80,
    summary: 40,
    new_tab_link: true,
    ct_id: "cm-container",
    new_cm: " Komentar Baru!",
    interval: 30000,
    alert: true,
    alert: function(total) {
        document.getElementById("cm-total").innerHTML = '<strong class=\'total-counter\'>'+total+'</strong>';
        document.title = '(' + total + ') ' + originalTitle;
    }
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
//]]>
</script>
<script src='https://googledrive.com/host/0B3pi8P5BWqm1OHB4Zks1aWR0Nnc/notif-komen.js' type='text/javascript'/>


Semoga  Notifikasi Komentar Ala Google Plus  bermanfaat.
Sumber : http://blog.kangismet.net/2013/11/notifikasi-komentar-ala-google-plus.html

Tips Mempercepat Loading Blog


Tips Mempercepat Loading Blog sebenarnya sudah banyak dituliskan para master - master blogger di dunia maya ini, dan pada kesempatan ini Free Just 4 U mencoba membagikannya kembali pada rekan - rekan yang belum mengetahui Cara Mempercepat Loading Blog.
Berikut ini Tips Mempercepat Loading Blog.
Berbagai cara untuk bisa mempercepat loading blog salah satunya dengan mengcompress kode CSS / HTML cara yang akan Free Just 4 U bagikan kembali berbeda yaitu :

Cara 1.
Kita masukkan script yang dicoding secara khusus untuk mempercepat loading blog yaitu Lazy Load Script.
Scripnya seperti di bawah ini

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/> <script charset='utf-8' type='text/javascript'> $(function() { $(&quot;img&quot;).lazyload({placeholder : &quot;https://lh5.googleusercontent.com/_u4rBCfM4eII/TXksAi6R_OI/AAAAAAAABZY/2k63Mrtswf0/grey.png&quot;,threshold : 200}); }); </script>
untuk pemasangannya
  • login ke akun blogger / dasbor.
  • klik Rancangan - Edit Html.
  • Centang pada Expand Template Widget.
  • Cari kode </head> menggunakan tombol CTRL + F.
  • Lalu pastekan kode tadi tepat di ATAS kode </head>
  • Jika sudah klik Simpan
Cara 2
Bagi yang tidak mau repot menambahkan script ke dalam struktur template seperti cara 1 di atas bisa dengan cara menggunakan HTML / JavaScript, cara nya :
login ke akun blogger / dasbor
  • Klik Design > Add a Gadget > HTML/JavaScript
  • Copy kode di bawah kemudian paste pada content HTML/JavaScript

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia7TBMkAfo0ICSnz68VuP1mGIfdhZhUmsS5oweyPVRSFJ0cpthyphenhyphenXY0ga2sxXAPg9k2K-HZhEk8TuY3X7lV-LvLPytH-dHf1ZsTFE_cmBSgqWwUlN2a3h0_ZBVqW12JHWRgwdi5H_lUsbk/s1600/grey.gif"
});
});
</script>

  • Simpan

Semoga Tips Mempercepat Loading Blog bermanfaat.


Perlu Tidaknya Captcha Pada Komentar Di Blog


Captcha Pada Komentar Blog

Perlu Tidaknya Captcha Pada Komentar Di Blog sebenarnya sudah banyak dibagikan di dunia maya ini dan pada kesempatan ini Free Just 4 U kembali membagikan kepada rekan - rekan yang belum mengatahuinya.
Perlu Tidaknya Captcha Pada Komentar Di Blog..??
Sering kali ketika kita berkunjung ke website atau blog pada saat kita memberikan komentar pada suatu artikel diminta memasukkan sebuah tulisan acak - acakkan dan terkadang juga angka, sehingga membuat pengunjung tidak jadi berkomentar karena sulitnya membaca tulisan acak - acakkan itu terlebih lagi ada tambahan komentar tidak bisa muncul karena menunggu persetujuan dari yang punya website atau blog.
Tulisan acak - acakkan itu yang dinamakan Captcha.
Apa sebenarnya Captcha itu...??

CAPTCHA atau Captcha adalah suatu bentuk uji tantangan-tanggapan (challange-response test) yang digunakan dalam perkomputeran untuk memastikan bahwa jawaban tidak dihasilkan oleh suatu komputer. Proses ini biasanya melibatkan suatu komputer (server) yang meminta seorang pengguna untuk menyelesaikan suatu uji sederhana yang dapat dihasilkan dan dinilai oleh komputer tersebut. Karena komputer lain tidak dapat memecahkan CAPTCHA, pengguna manapun yang dapat memberikan jawaban yang benar akan dianggap sebagai manusia. Oleh sebab itu, uji ini kadang disebut sebagai uji Turing balik, karena dikelola oleh mesin dan ditujukan untuk manusia, kebalikan dari uji Turing standar yang biasanya dikelola oleh manusia dan ditujukan untuk suatu mesin. CAPTCHA umumnya menggunakan huruf dan angka dari citra terdistorsi yang muncul di layar.
Istilah "CAPTCHA" (berasal dari kata bahasa Inggris "capture" atau menangkap) diciptakan pada tahun 2000 oleh Luis von Ahn, Manuel Blum, Nicholas J. Hopper (semua dari Carnegie Mellon University), dan John Langford (IBM). Istilah ini adalah akronim bahasa Inggris dari "Completely Automated Public Turing test to tell Computers and Humans Apart" (Uji Turing Publik Terotomatisasi Penuh untuk membedakan Komputer dan Manusia). Carnegie Mellon University berupaya mematenkan istilah ini, tapi aplikasi merek dagang mereka dibatalkan pada 21 April 2008. Saat ini pencipta CAPTCHA menganjurkan penggunaan reCAPTCHA sebagai penerapan resmi.
Sumber : http://id.wikipedia.org/wiki/CAPTCHA

Dari pengertian diatas bisa kita simpulkan bahwa Captcha itu untuk membedakan antara Komputewr dan Manusia jadi bukan untuk menghindari website atau blog kita dari komentar Spam.
Kembali ke topik Perlu Tidaknya Captcha Pada Komentar Di Blog, menurut saya pribadi tidak terlalu diperlukan karena seperti pembahasan di atas, disamping itu terkadang sering yang mengunjungi blog kebanyakan menggunakan Handphone / HP sehingga Captcha sangatlah menggangu kenyamanan untuk memberikan komentar karena Captcha sering tidak bisa terlihat jelas di layar Handphone.

Bagi rekan - rekan yang tidak ingin blognya terkena komentar SPAM, cukup dengan membaeri batasan siapa saja yang bisa memberikan komentar dan juga bisa dengan melakukan Moderas komentar atau menambahkan Script anti SPAM di blog.
Semoga sedikit pembahasan Perlu Tidaknya Captcha Pada Komentar Di Blog bisa bermanfaat.


Cara Menghapus Artikel Yang Benar Agar Blog SEO Friendly


Cara menghapus artikel blog yang benar ini saya dapatkan ketika berkunjung ke blog Kang Ismet, dan pada saat ini saya bagikan kembali kepada rekan - rekan yang belum mengetahui bagaimana Cara Menghapus Artikel Yang Benar Agar Blog SEO Friendly.
Bagi rekan - rekan yang ingin mengetahuinya silahkan baca artikel di bawah ini.

Cara Menghapus Artikel di Blog - Sutu saat mungkin sobat harus menghpus artikel di blog. Ada beberapa kemungkinan artikel tersebut dihapus, diantaranya : Artikel yang sudah basi (sebetulnya tidak usah dihapus, cukup diupdate), artikel yang tidak sesuai dengan niche blog, artikel bermasalah dengan adsense, dll.

Untuk cara menghapus dari dashboard saya yakin sobat semua sudah faham caranya, karena sangatlah mudah. Ternyata ada hal yang harus diperhatikan ketika kita menghapus artikel, apalagi arikel itu sudah terindex google. Ketika robot merayapi blog kita dan tidak menemukan artikel, inilah permasalahannya. Atau kemungkinan lain, pengunjung mendapati artikel dari google, kemudian tidak mendapati artikel itu di blog kita karena sudah terhapus. Inilah yang mnyebabkan broken link, yang sangat tidak bagus di mata Mesin Pencari. Solusinya, kita harus memberitahu robot google tentang penghapusan data crawling.
Intinya, setelah menghapus artikel, kita harus memberitahu google agar menghapus data index halaman yang kita hapus, serta menghentikan robot crawler untuk merayapi artikel yang telah dihapus.

Sebelum menghapus artikel, ada beberapa hal yang sobat harus lakukan :

1. Buka artikel, copy linknya dan simpan di notepad.
2. Hapus Artikel
3. Masuk Ke Google Webmaster Tool di https://www.google.com/webmasters/tools/home
4. Apabila ada beberapa blog, klik blog yang dimaksud
5. Klik Google Indeks -> Hapus URL -> Buat permintaan penghapusan baru.
6. Masukan link yang sudah dihapus (yang dicopy ke notepad) klik Terus.
7. Klik Kirim Permintaan.

Catatan :

1. Indeks google akan terhapus secara permanen dalam waktu 90 hari
2. Buat Custom Error 404 (page not found)


Sumber : https://support.google.com/webmasters/answer/1663419