> Warung Bebas

Cara Membuat Related Post Di Blog

Bagaimana cara Menambahkan Related Post Seperti Blog2 yang lain? ada yang tau? hehe.
sekarang saya akan memberikan tutorial nya. silahkan di simak baik-baik ya..

  1. Buka Blog Anda. Cari menu Layout - Edit HTML di Dashboard blog anda.
  2. Back up Template template anda sebelum mengubah HTML untuk menjaga agar template bisa dikembalikan jika ada kesalahan! Klik Download Full Template.
  3. Jangan lupa centang (tandai) "Expand Widget Templates".
  4. Carilah kode </head>
  5. Tambahkan kode dibawah ini persis sebelum </head> 
 <style> #related-posts { float : left; width : 540px; 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://sites.google.com/site/rhakateza/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://related-post-untuk-blogger.googlecode.com/files/Related_posts.js' type='text/javascript'/>

  1.  Sekarang carilah <data:post.body/>. atau pada beberapa template sering dipakai kode <div class='post-body> atau <data:post.body/>
  2. Tambahkan kode berikut ini dibawah kode yang anda cari diatas:
  3. <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>
  4. Sekarang save template dan kita sudah selesai menambahkan widget related post pada blogspot.
  5. Tambahan: Untuk mengubah jumlah postingan yang tampil di Related Post, rubah angka max-result pada langkah ke 7 dengan jumlah post yang anda inginkan, contoh:
 max-result=5

Semoga Artikel ini Bermanfaat Yaa,, salam
Cara Membuat Related Post Di Blog 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.
Share 'Cara Membuat Related Post Di Blog' On ...

Ditulis oleh: Arya Dharma - Selasa, 03 April 2012

10 komentar untuk "Cara Membuat Related Post Di Blog"

  1. makasih untuk infonya gan...

    BalasHapus
  2. @adibey : Sama2 Gan.. Thanks Udah Berkunjung Ya,,

    BalasHapus
  3. Mantef banget dah tutornya tuh bang..hahhayyy

    BalasHapus
  4. @Icah Banjarmasin : km udah coba?? heheh

    BalasHapus
  5. tutorial yang bagus ini.. :D
    di praktekan duluu yaaa...
    makasih buat tutorialnyaa.. :)

    BalasHapus
  6. @Ongisnade : Hahaha,, thanks mas bro..
    smoga berhasil :D

    BalasHapus
  7. Saya sudah mencoba tips ini, menjadi! cool :)

    BalasHapus
  8. @Akhelakenhaha,, oke sob,, eh ya, jgn lupa like atau rating yaa,,:D

    BalasHapus
  9. berhasil om thanks ya infonya

    BalasHapus
  10. Sangat Bermanfaat dan membantu Gan :)

    BalasHapus