Related Posts Thumbnails - Dua Jalan, Sebuah Pilihan

Apakah Anda sudah tahu apa itu related posts? Related posts adalah daftar artikel yang berkaitan dengan konten. Penambahan related posts dianggap dapat menambah pageview suatu blog atau sekedar ajang promosi artikel lama. Dulu, kebanyakan blogger memasang related posts biasa di bawah postingan mereka. Sekarang dengan munculnya Related Posts diserati gambar, blogger berlomba-lomba memasangnya karena dianggap akan lebih mempercantik blog dan menarik perhatian. Jika blogger lain membahas bagaimana cara membuat related posts with thumbnails, saya memberikan lebih kepada Anda fenomena dibalik itu semua. Ada dua cara untuk membuatnya dan saya paparkan beberapa hal yang bisa Anda jadikan pertimbangan. 1. Related Posts Secara Manual Cara ini adalah dengan menambahkan semua script secara manual termasuk css nya. Kelebihan: - Loading widget lebih cepat - Anda bisa customisasi/edit sendiri dengan mudah sesuai keinginan, termasuk keterangan seperti, "Artikel Berkaitan", "Related Posts" dan lain-lain. Kekurangan: - Jika Anda perhatikan dengan script seperti di bawah ini (saya tidak tahu kalau ada yang punya script lebih mantap) penampilan artikel berkaitan kurang maksimal. Related posts yang ditampilkan cenderung hanya berputar-putar pada beberapa artikel yang 'paling' baru (tentunya dengan label yang sama). Sementara artikel lama jarang mendapatkan kesempatan tampil. 2. Related Posts Mudah Linkwithin Pembuatan cara ini akan lebih simple karena Anda cukup mengikuti beberapa instruksi dan widget terinstall otomatis. Kelebihan: - Cara pembuatan simple - Artikel yang muncul dalam related posts akan lebih acak, lebih memungkinkan artikel lama tampil. Kekurangan: - Sulit untuk customisasi, sehingga akan sulit bagi Anda mengubah , "You Might Also Like" (keterangan standart) menjadi sesuai keinginan Anda. Cara Membuat Related Posts Manual - Login ke blogger - Tata Letak - Edit HTML, centang Expad Widget Templates - Cari kode </head> - Letakkan kode berwarna biru di bawah ini di atas </head>
<!--Related Posts with thumbnails Scripts and Styles Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> <script src='http://blogergadgets.googlecode.com/files/relatedthumbs21.js' type='text/javascript'/> </b:if> <!--Related Posts with thumbnails Scripts and Styles End-->
- Cari kode <div class='post-footer-line post-footer-line-1'> (jika tidak menemukan mungkin kodenya <p class='post-footer-line post-footer-line-1'>) - Tambahkan script biru berikut di bawahnya
<!-- Related Posts with Thumbnails Code Start--> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a> <script type='text/javascript'> var currentposturl=&quot;<data:post.url/>&quot;; var maxresults=5; var relatedpoststitle="Related Posts"; removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(); </script> </div><div style='clear:both'/> </b:if> <!-- Related Posts with Thumbnails Code End-->
- Yang berwarna merah bisa Anda ganti dengan jumlah related posts (5) dan judul/keterangannya (Related Posts) - Simpan Template Buat Related Posts Otomatis - Buka http://www.linkwithin.com/learn - Masukkan saja email Anda, URL blog Anda, jumlah related posts dan platform - Kalau sudah klik Get Widget - Akan muncul halaman baru, klik Instal Widget - Muncul Jendela Penambahan Elemen, klik Menambah Widget
- Maka proses selesai... Ingin menampilkannya Setelah Readmore Saja - Linkwithin bisa memperlambat akses halaman blog, secara default akan tampil di bawah setiap judul posting. Nah, jika halaman utama Anda terdiri dari 3 judul dan maka akan terjadi load linkwithin 3 kali juga. Untuk mengakalinya kita gunakan trik gadget di bawah postingan. Pada halaman utama linkwithin tidak tampil, hanya tampil setelah pembaca klik salah satu artikel kita atau klik readmore... Bagaimana cara membuat seperti itu? - Pada saat muncul halaman Penambahan Elemen, klik Edit Content - Ambil script yang tertera disitu - Tambahkan kode seperti di bawah ini
<b:if cond='data:blog.pageType == &quot;item&quot;'><br/><br/><em> Masukkan script dari Edit Konten tadi disini </em><br/></b:if>
- Nah selanjutnya letakkan kode di atas di bawah <div class='post-footer-line post-footer-line-1'> - Simpan template - Sementara jendela penambahan widget di close saja dan tidak usah dilanjutakan, kita hanya mengambil scriptnya :) Semoga bermanfaat....
http://uulibrarian.files.wordpress.com/2009/04/google_sandbox3.jpg
Coba saja Anda baca pada beberapa edaran google, sesuai keinginan mereka untuk menghasilkan hasil pencarian yang terbaik, relevan dan berkualitas, maka bukan saja hanya memperbaiki sistem mereka tetapi juga adanya patroli rutin ke situs-situs terdaftar mereka. Google menetapkan penilaian dan beberapa alasan, mengapa mereka menghilangkan blog Anda dari mesin pencari mereka. Akan saya bahas tur tutorial tentang ini satu persatu setiap harinya. Teks dan Tautan Tersembunyi Kadang blogger bertindak licik dengan cara ini. Google bisa menganggap situs Anda bukan situs yang terpercaya karena apa yang google deteksi dan yang pengunjung lihat berbeda. Misalnya saja ada blogger nekat, menyertakan teks atau tatan untuk keyword seperti 'Porno' di dalam artikel mereka. Teks bisa disembunyikan dengan berbagai cara, misalnya: - Menggunakan teks putih pada latar belakang putih - Teks tersembunyi di balik gambar - Menggnakan css untuk menyembunyikan teks - Mengatur ukran font menjadi 0 Hal sama terjadi pada tautan/link - Membuat link berwarna putih dengan latar belakang putih - Penggunaan CSS untuk membuat tautan superkecil - Pembuatan link atau tatan hanya dengan label tanda hubung seperti - atau & Jika hal itu Anda lakukan bsa berakibat fatal untuk blog Anda. Berikut kutipan dari google:

Jika situs Anda dianggap berisi teks dan tautan tersembunyi yang sengaja untuk memperdaya pengunjung, situs Anda dapat dihapus dari indeks Google, dan tidak akan muncul pada laman hasil penelusuran. Saat mengevaluasi situs Anda untuk melihat apakah terdapat teks atau tautan tersembunyi, cari apa pun yang tidak mudah dilihat oleh pengunjung situs Anda. Apakah teks dan tautan ada semata-mata hanya untuk mesin telusur daripada untuk pengunjung?

Jika Anda menggunakan teks untuk mencoba mendeskripsikan sesuatu yang tidak dapat diakses oleh mesin telusur - misalnya, Javascript, gambar, atau berkas Flash - ingat bahwa banyak pengunjung menggunakan pembaca layar, peramban seluler, peramban tanpa penyolok, dan koneksi yang lambat tidak akan dapat menunjukkan kedua konten tersebut. Menggunakan teks deskriptif untuk item ini akan meningkatkan aksesibilitas situs Anda. Anda dapat mengetes aksesibilitas dengan mematikan Javascript, Flash, dan gambar pada peramban Anda, atau dengan menggunakan peramban teks saja seperti Lynx. Beberapa kiat membuat situs Anda dianggap laik akses antara lain:

  • Gambar: Gunakan atribut alt untuk menyediakan teks deskriptif. Sebagai tambahan, kami merekomendasikan penggunaan takarir yang bisa dibaca manusia dan teks deskriptif di sekitar gambar.
  • Javascript: Tempatkan konten yang sama dari Javascript ke dalam tag noscript. Jika Anda mengunakan metode ini, pastikan kontennya sama persis dengan yang ada dalam Javascript dan konten ini ditampilkan pada pengunjung yang Javascript-nya tidak diaktifkan dalam peramban mereka.
  • Video: Masukkan teks deskriptif tentang video tersebut dalam bentuk HTML. Anda juga dapat menyediakan transkrip.

Jika Anda memang menemukan teks atau tautan tersembunyi pada situs Anda, hapus atau buat agar mudah dilihat jika teks dan tautan tersebut relevan untuk pengunjung situs Anda.

Semoga bermanfaat, sumber Google Webmaster Saya menyajikannya dengan lebih mudah, segera follow blog saya atau klik berlangganan via e-mail untk mendapatkan update lebih cepat setiap harinya.

0 Response to "Related Posts Thumbnails - Dua Jalan, Sebuah Pilihan"

Posting Komentar

masukan anda terima kasih kami,
tanpa spam dan tanpa kata-kata kotor

Popular

Blog Archive

Silakan kunjungi :

iklan=herigator@gmail.com iklan=herigator@gmail.com iklan=herigator@gmail.com