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. 
related posts otomatis
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.

Related posts:

17 comments:

  1. trims infonya,tukeran link ya ....link blog agan sudah dipasang di blog akoe homepage-link friends(silahkan cek dulu)ntar jangan lupa pasang link blog akoe di blog ini ya......

    BalasHapus
    Balasan
    1. sudah bener linknya gan ,link akoe dipasang dimana gan?

      Hapus
    2. Sudah saya pasang silahkan check disini

      Hapus
  2. @tjoretan-akoe:
    Ya sama2... Link yg agan pasang tolong di perbaiki "http" doble jadi linknya ga bisa di buka. Trims.

    BalasHapus
  3. Terima kasih atas sarannya saya juga baru mulai menulis dan membuat blog jadi kalo bisa tolong lihat juga keblog saya dan memberikan sarannya...terima kasih
    http://geologisultra.blogspot.com

    BalasHapus
  4. @makkawaru jassin:
    Saya sdh berkunjung ke blog agan, blog agan bagus simple...

    @Tips dan Trik:
    Hasilnya bisa di lihat pada screenshot pada arikel ini.

    BalasHapus
  5. ilmu yang brmanfaat salam brbagi bos

    BalasHapus
  6. @Darmawan Saputra:
    Sama-sama... Terimakasih telah berkunjung, Salam sehat juga.

    @aank budi santoso:
    Mudah-mudahan bermanfaat... Salam berbagi juga.

    BalasHapus
  7. tengkiu gan infonya.. mantap niii.. izin copy dulu..

    kunjungan balik ya..

    BalasHapus
  8. @jinggo:
    Oke sama2... Silahkan yg penting bermanfaat.

    BalasHapus
  9. Udh dapet nyoba yang cari data.post tu adanya 3 akhirnya coba satu2 berhasil

    BalasHapus
  10. @Gery-98:
    Trims... sudah berkunjung.

    BalasHapus
  11. @Sendy Seiyo W.:
    Iya silahkan... Trims telah mampir di blog ini.

    BalasHapus
  12. wah ane kebantu skeali ini sob sama tutorialnya
    makasih :)

    BalasHapus
  13. mantap gaan ijin comot,
    http://www.neewbisnis.com

    BalasHapus

Terimakasih atas kunjungan anda.