Cara Membuat Artikel Terkait dibawah Posting
Kategori :Tutorial Blogger
Artikel Terkait atau yang biasa disebut Related Posts berfungsi untuk menampilkan artikel-artikel lain yang berkaitan dengan artikel yang sedang dibaca oleh pengunjung blog. biasanya Artikel Terkait atau Related Posts ini ditampilkan tepat bawah postingan blog. Hal ini bertujuan agar nantinya setelah pengunjung selesai membaca artikel anda, maka Artikel Terkait atau Related Posts ini bisa langsung terlihat dengan jelas. Sehingga akan besar kemungkinan setelah pengunjung blog anda selesai membaca satu artikel blog, maka tidak menutup kemungkinan si pengujung akan membaca artikel anda yang lainya juga.
Selain untuk memberikan kemudahan bagi para pengunjung untuk menemukan tulisan anda yang lainya, Artikel Terkait atau Related Posts ini juga menjadi salah satu penilaian oleh search engine, karena menurut berbagai sumber mengatakan, suatu blog akan menjadi lebih SEO friendly dimata search engine atau mesin pencarian jika blog tersebut terpasang Widget Artikel Terkait atau Related Posts.
Maka pada kesempatan kali ini saya ingin membagikan kepada anda cara mudah dan sederhana untuk Cara Memasang Widget Artikel Terkait atau Related Posts dibawah Posting.
Apakah anda tertarik untuk memasang Widget Artikel Terkait atau Related Posts ini?
Bila anda ingin memasang Widget Artikel Terkait atau Related Posts silahkan mengikuti langkah-langkah berikut ini :
Sebelum memulai pemasangan Widget Artikel Terkait atau Related Posts Dibawah Posting ini, jangan lupa untuk berdoa’a biar berhasil…oke…
Langkah 1
Langsung saja menuju kehalaman dashboard blogger anda, buka menu Design/Rancangan >>> Edit HTML
Langsung saja menuju kehalaman dashboard blogger anda, buka menu Design/Rancangan >>> Edit HTML
Langkah 2
Beri tanda centang pada Expand Widget Template, dan jangan lupa untuk mendownload terlebih dahulu template blog anda sebagai back-up bila nanti terjadi kesalahan. Sehingga akan kembali seperti semula.
Beri tanda centang pada Expand Widget Template, dan jangan lupa untuk mendownload terlebih dahulu template blog anda sebagai back-up bila nanti terjadi kesalahan. Sehingga akan kembali seperti semula.
Langkah 3
Cari kode ]]></b:skin> , agar mempercepat pencarian bisa dilakukan dengan menekan CTRL dengan F secara bersamaan, lalu masukan kode yang ingin dicari tadi kedalam kotak yang telah disediakan.
Cari kode ]]></b:skin> , agar mempercepat pencarian bisa dilakukan dengan menekan CTRL dengan F secara bersamaan, lalu masukan kode yang ingin dicari tadi kedalam kotak yang telah disediakan.
Langkah 4
Setelah anda menemukan kode ]]></b:skin> , tugas selanjutnya yaitu letakkan kode berikut ini tepat berada diatas kode ]]></b:skin>
Setelah anda menemukan kode ]]></b:skin> , tugas selanjutnya yaitu letakkan kode berikut ini tepat berada diatas kode ]]></b:skin>
#related-posts { float : left; width : 250px; margin-left : 5px; font-size: 12px; line-height : 1.8em; margin-bottom:10px; } #related-posts a{ color: #4b4b4b; }
#related-posts a:hover{ color: #ca1717; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { margin : 10px 5px 5px 20px; padding : 0; }
Langkah 5
Selanjutnya cari lagi kode <head>
Selanjutnya cari lagi kode <head>
Langkah 6
Setelah anda menemukan kode <head> , lalu letakkan kode berikut dibawah kode <head>
Setelah anda menemukan kode <head> , lalu letakkan kode berikut dibawah kode <head>
<script src=’http://hbhost.googlecode.com/files/Related-posts.js’ type=’text/javascript’/>
Langkah 7
Setelah itu silahkan anda cari juga kode <p><data:post.body/></p> atau jika kode tersebut coba cari kode <data:post.body/>
Setelah itu silahkan anda cari juga kode <p><data:post.body/></p> atau jika kode tersebut coba cari kode <data:post.body/>
Langkah 8
Bila anda sudah menemukan kodenya, lalu letakkan kode berikut tepat berada dibawahnya.
Bila anda sudah menemukan kodenya, lalu letakkan kode berikut tepat berada dibawahnya.
<b:if cond=’data:blog.pageType == "item"’>
<div id=’related-posts’>
<div style=’font-size:18px’><b>Related Posts:</b></div>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:label.isLast != "true"’/>
<b:if cond=’data:blog.pageType == "item"’>
<script expr:src=’"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"’ type=’text/javascript’/></b:if>
</b:loop>
<script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>
Keterangan:
Teks yang dicetak dengan warna merah adalah kode yang bisa diubah sesuai dengan keinginan anda.
Teks yang dicetak dengan warna merah adalah kode yang bisa diubah sesuai dengan keinginan anda.
jika anda ingin menampilkan Widget Artikel Terkait atau Related Posts ini ditempat yang lain, silahkan untuk ber-eksperimen untuk mencoba-cobanya sendiri, karena dengan demikian nantinya anda akan menjadi terbiasa menghapi kode-kode seperti ini.
Silahkan ganti sesuai dengan keinginan.
Langkah 9
langkah yang terakhir yaitu menyimpan Template...dan silahkan lihat hasilnya diblog anda.
langkah yang terakhir yaitu menyimpan Template...dan silahkan lihat hasilnya diblog anda.
Mudah-mudahan dalam pengerjaan ini tidak ada yang mengalami kendala dan langsung berhasil, karena kode-kode yang ada diatas ini juga sudah saya terapkan diblog ini.
Temukan akses ke ribuan informasi terbaru menarik lainnya
Dijamin Gak pake ribet dan Gratis!
Tutorial, blog gratis, bokep gratis, hiburan gratis, iklan gratis, permainan gratis, blog seo
Dijamin Gak pake ribet dan Gratis!
Tutorial, blog gratis, bokep gratis, hiburan gratis, iklan gratis, permainan gratis, blog seo
Baca Juga Artikel Menarik Lainya Yang Berkaitan Dengan
“Cara Membuat Artikel Terkait dibawah Posting”
“Cara Membuat Artikel Terkait dibawah Posting”
Langganan:
Posting Komentar (Atom)
Ada 1 Komentar untuk artikel Cara Membuat Artikel Terkait dibawah Posting.
mantap bro..thanks ya!
26 Maret 2013 pukul 11.07Posting Komentar
Berikan Kritik & Saran Anda Untuk Blog Gopek Melalui Kotak Komentar Yang Telah Tersedia Dibawah ini...