Cara Mengatasi dan Melindungi Blog dari Komentar SPAM

Synasmedseo - Ada berbagai bentuk komentar spam sering kita jumpai, ditempelkan visitor pada sebuah posting yang diterbitkan, mulai dari ajakan berkunjung ke blog mereka atau hanya sekedar meninggalkan jejak dengan tujuan untuk mengalirkan back link ke blog mereka serta komentar yang sama sekali tidak relevan dengan materi postingan, yang lebih memprihatinkan, ada pengunjung yang sengaja menempelkan sederatan link hidup berupa promosi bisnis online.  Bahkan yang lebih parah beberapa pengunjung telah menempelkan link yang mengarah ke situs dewasa dan link judi online, "caaapeek deech".

Untuk melindungi bagian komentar blog dari tindakan spaming, Anda dapat melakukan trik blogger seperti berikut ini :

• Login ke blogger dengan ID Anda

• Pada halaman dashboard blogger pilih menu Settings > Posts and comments seperti gambar di bawah ini 

• Lakukan pengaturan pada bagian Who can comment  untuk mengizinkan siapa saja yang dapat memberikan komentar di blog Anda, saya menyarankan untuk menggunakan opsi User with Google Accounts, agar visitor yang dapat memberikan komentar, hanya visitor yang memiliki Account Google.

• Atur bagian Comment Moderation, menggunakan opsi Always agar setiap komentar yang diberikan oleh pengunjung, baru akan terbit setelah di setujui oleh Author Blog

• Anda harus mengaktifkan Show word verification menjadi Yes, untuk mengaktifkan kode chaptca saat pengunjung memberikan komentarnya.

• Untuk memblokir link hidup yang mungkin ditempelkan oleh pengunjung pergi ke Template > Edit HTML kemudian tempelkan kode berikut ini di atas kode </body>, simpan perubahan pada template Anda dengan menekan tombol Save templates

<script type='text/javascript'>
$(function() {
    $('#comment-holder p').find('a').remove();
});
</script>

• Atau Anda dapat menggunakan kode CSS berikut ini, agar link hidup yang ditempelkan di bagian komentar blog akan disembunyikan (tidak ditampilkan), saya lebih menyarankan Anda untuk menggunakan cara ini.  Caranya pergi ke menu Template > Edit HTML tempatkan kode berikut di atas kode ]]></b:skin> simpan perubahan pada template Anda dengan menekan tombol Save templates

• #comment-holder p a {display:none;}

Sampai di sini pekerjaan anda Melindungi Blog dari Komentar SPAM telah selesai.

Semoga Bermanfaat

Cara Memperbaiki Duplicate Title Tags di Google Webmaster Tools

Synasmedseo - Seperti halnya duplicate meta description, maka duplicate title tags pun akan mempengaruhi relevansi pada hasil pencarian di search engine, bahkan halaman Anda bisa dianggap sebagai duplicate content.  Tentu ini akan sangat merugikan dari sisi SEO, dan akan berdampak pada rating hasil pencarian oleh search engine sesuai kata kunci yang dimasukaan oleh pengguna.

Duplicate title tags ini dapat Anda lihat melalui Google Webmaster Tools. Silahkan login ke Google Webmaster Tools, masukkan user ID serta password Anda. Kemudian pada halaman dashboard pilih menu Optimization yang berada pada sidebar sebelah kiri dan klik link HTML Improvements.  Pada halaman ini akan terdapat parameter yang menunjukan adanya indikasi duplicate title tags yang ditemukan oleh crawler search engine saat merayapi situs atau blog Anda.

Jika link duplicate title tags ini dibuka maka akan terlihat postingan mana saja yang terindikasi sebagai duplicate title tags. Anda dapat melihat dua URL terbentuk untuk setiap postingan jika icon panah warna hitam disebelah kiri postingan ini di expand. Ada satu bentuk URL yang saya sendiri belum mengetahui asal-usulnya, URL ini sama seperti URL postingan pada umumnya namun ada penambahan karakter unik ?m=0.

Cara Memperbaiki Duplicate Title Tags

Ada beberapa tutorial hasil browsing yang saya temukan untuk memperbaiki duplicate title tags ini di antaranya :

1. Menambahkan rel='canonical'

Jika menggunakan cara ini maka Anda harus menambahkan elemen rel='canonical' pada URL halaman Anda yang terindikasi sebagai duplicate title tags, seperti di bawah ini, pada bagian head postingan dalam mode HTML.

<link rel="canonical" href="http://kutu-blogspot.blogspot.com/2013/03/cara-membuat-spoiler-atau-tombol.html>

Tentu saja hal ini akan sangat merepotkan jika postingan yang terdeksi sebagai title tags banyak, seperti yang saya alami terdapat 88 duplicate title tags, kemudian harus menambahkannya satu persatu pada setiap halaman tersebut, sungguh ini suatu pekerjaan yang membosankan.

2. Mengatur URL Parameters

Solusi kedua adalah mengatur URL Parameters di Google Webmaster Tools. Pada halaman dashboard, pilih menu Configuration, di bawah menu ini terdapat menu URL Parameters, pilih menu ini dan lihat apakah ada parameter m di dalamnya. Pada bagian parameter m ini klik link Edit di sebelah kanan dan atur setingan menjadi No: Doesn't affect page content (ex: track usage) seperti gambar di bawah ini. Jika Anda tidak menemukan parameter m ini, maka Anda dapat menambahkannya melalui tombol Add parameter.

3. Menambahkan parameter pada robots.txt

Jika kedua cara di atas belum dapat mengatasi duplicate title tags, maka Anda dapat menambahkan baris perintah pada pengaturan parameter robots.txt yang tidak mengizinkan robot mesin pencari untuk mengcrawl url unik yang berakhiran ?m=0, bentuk baris perintah yang ditambahkan pada pengaturan parameter robots.txt adalah seperti di bawah ini

Disallow: /?m=0
Disallow: /?m=1
Disallow: /*/*/*.html?m=0
Disallow: /*/*/*.html?m=1

Jika Anda punya pengalaman lain, saya mengajak Anda untuk berbagi informasi pada bagian komentar blog ini, agar pengetahuan kita menjadi bertambah, sukses untuk Anda dan happy bloging.

Membuat Link Membesar Saat disentuh Kursor

Tutorial kali ini tentang trik atau cara untuk membuat blog menjadi lebih menarik. "Membuat Link Membesar Saat disentuh Kursor". Maksudnya link yang pada saat dilintasi cursor mouse akan menjadi besar tulisannya, Selain cara ini Anda juga bisa Membuat Gambar Membesar Saat disentuh Cursor, Membuat Link Berkedip Saat Disentuh Cursor, Membuat Link Berwarna Warni, dan lain-lain.

Buat Sobat yang ingin memasang trik ini silakan ikuti tutorial dibawah ini.

Cara Membuat Link Membesar Saat disentuh Kursor :

• Masuk ke akun blogger sobat.
• Pilih Template > Edit HTML.
• Ceklis / Centang Expand Widget Template.
• Cari kode a:hover { 
• Ganti kode font-size dengan ukuran yang lebih besar.
  Contoh :
  
  a:hover {
  color:#d2691e;
  font-size:10px;
  font-style:italic;
  cursor:wait;
  }
  ganti dengan
  
  a:hover {
  color:#d2691e;
  font-size:19px;
  font-style:italic;
  cursor:wait;
  }
• Terakhir klik Simpan Template.

Selamat Mencoba dan Semoga Berhasil...

Zhefa Blogger template

Template Details :

Platform Type	Blogger / Blogspot
Nama Template	Zhefa Blogger template
Deskripsi	Zhefa Blogger template adalah template blogger gratis dengan dua buah sidebar di sebelah kanan.
Template Author	http://kutu-blogspot.blogspot.com/
Instruksi URL	Cara Mengganti Template

Membuat Gambar Membesar Saat disentuh Cursor

Mungkin sebagian Blogger sering melihat gambar yang menjadi besar apabila tersentuh cursor. Dalam dunia blogging fitur seperti ini sering disebut dengan nama Image Zoom Effects atau Hover Zoom Smooth Effects. Fitur yang satu ini lumayan banyak di senangi para blogger walaupun sebenarnya dengan memasang Image Zoom Effects ini di blog dapat menggangu pengunjung yang sedang membaca postingan kita.

Postingan ini saya buat untuk melengkapi Tutorial di blog ini, buat sobat yang ingin memasangnya silakan Anda ikuti tutorial dibawah ini.

Cara Membuat Gambar Membesar Saat disentuh Cursor :

• Masuk ke akun blogger sobat.
• Pilih Template > Edit HTML.
• Ceklis / Centang Expand Widget Template.
• Cari kode ]]></b:skin> , gunakan fungsi Find dengan menekan tombol CTRL+F pada keyboard.
• Kalau sudah ketemu, letakkan kode berikut tepat di atas kode ]]></b:skin>
  
  .post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
  .post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
• Terakhir klik Simpan Template. Sekarang lihat hasilnya di blog Sobat.

Semoga tutorial singkat ini bisa bermanfaat...