Cara Membuat Related Post Blog Otomatis

Cara Membuat Related Post Blog Otomatis ~ Plassa (Planet Studi Sains). Related posts adalah kumpulan link yang diletakkan persis dibawah artikel sehingga menarik minat pembaca untuk membaca artikel berikutnya. 

Saya sudah mengemas codingnya dalam javascript sehingga codingnya jadi lebih ringkas. So mari kita langsung ke cara membuat nya:

1. Seperti biasa masuk ke blogmu
2. Pilih template, klik edit html dan klik lanjutkan
3. Ceklist pada Expand Template Widget (jangan lupa simpan template aslinya buat jaga-jaga)
4. Cari kode: </head> (gunakan Ctrl+f untuk mencari)
5. Copy kode dibawah ini tepat diatas </head>

<style> #related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #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 { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ9tcB4-u2CQ3YmuXbOhkpvj1IUPzmTYBT0ly4d8f-EMLdLM_DxBJZjJT4kOMmcrIArbhfytQhgnpZ9Ihm0OmtRKA7i-z4OEeVM47Uk_sh6LyiVs4r6SzWL3UANnlNx64njvVZJKbay8L_/s1600/rss.png ") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://plassa.googlecode.com/files/related_post.js' type='text/javascript'/>

6. Cari kode <data:post.body/> atau <div class='post-body>, Kemudian copy code dibawah ini, letakkan persis dibawahnya

<b:if cond='data:blog.pageType == "item"'>

<div id="related-posts">

<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>

<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();

</script>

</div></b:if>

7. Klik pratinjau (preview) untuk memastikan tidak terjadi error.
8. Simpan hasilnya.

Selamat mencoba.

Judul artikel: Cara Membuat Related Post Blog Otomatis.
Anda boleh mengcopy artikel ini jika bermanfaat, jangan lupa mencantumkan url dibawah sebagai sumbernya.
URL: https://memetmulyadi.blogspot.com/2012/06/cara-membuat-related-post-otomatis.html
Terimakasih atas kunjungan anda.

Related posts:

InfoTek

• Cara Menutup / Keluar dari Exambrowser Client UNBK
• Cara Menghasilkan Uang dari Blog
• IKAN DEWA (Labeobarbus douronensis)
• Musyawarah Ala Semut
• Cara Membuat Related Post Blog Otomatis
• Cara Membuat Daftar Isi Blog Otomatis
• Studentbook, 'Facebook'-nya Pelajar, Guru dan Orang Tua Indonesia
• Cara Membuat Hotspot dengan Ad hoc memanfaatkan Wi-Fi Laptop di Windows XP
• Cara Menghilangkan Iklan Dari Yahoo Messenger Dengan AdBanner RemoverPlus
• Mengembalikan Taskbar yang Hilang atau Tersembunyi
• Cara memunculkan kembali taskbar yang hilang pada windows xp
• Cara Menghilangkan Virus Terbaru Facebook chat 2011
• Tips Membuat Hotspot Menggunakan Laptop Di Windows 7
• Benarkah Kecanduan Internet Bikin Otak Keriput?
• Menampilkan Task Manager dan Regedit Yang Hilang
• Menghilangkan Log On to Windows (Permintaan Username dan Password) saatMenyalakan Komputer
• Memunculkan Kembali Icon Battery di Taskbar yang Hilang
• Cara Mengatasi Teks YM Yang Tidak Muncul/Kelihatan
• Cara Memilih Laptop Baru atau Bekas
• Menyelamatkan Data &quot;My Document&quot;
• Cara Membuat Password Pada Dokumen Microsoft Word
• Uhidden Folder Yang Terinveksi Virus
• TIPS MELINDUNGI LAPTOP DARI SERANGAN VIRUS
• Menambah RAM Dengan Flash Disk
• Notebook Sony Muat Dalam Kantong Anda