Tahap - Tahap :
  1. Pergi ke Layout> Edit HTML di Dashboard Blogger Anda.
  2. Back up Template yang ada sebelum membuat perubahan!
  3. Pastikan untuk mencentang "Expand Template Widget".
  4. Cari code  </ head>.
  5. Tambahkan kode berikut sebelum code </ 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYXXS3jkDvdFzf1mht5PXK93GtDMPlS5_6hvHAwbGBMKDw-uy12ZRQpAm644E2k5-BJDA0x_3V5haYMIFGbR3rvTnhtRqzgD9BA-0wrzJkKtgZiwrhZ_Pis0zrlhKVMqKDTTACIgztP3I/") 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://yourjavascript.com/1019141247/reladepost.js' type='text/javascript'/>
  
     6. Sekarang mencari <data:post.body/>. Dalam beberapa template kode ini mungkin terlihat seperti        ini  <div class='post-body> atau <data:post.body/>

     7. Tambahkan kode berikut persis di bawah kode tadi.

<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>
NB : Ganti kode '5' di atas menyesuaikan bnyak post yg muncul

    8. Sekarang Simpan Template Anda dan Anda selesai!

  SELAMAT BERKREASI, DUDAYAKAN KOMENTAR

Posting Komentar

  1. Bro ini emang berguna...
    tapi saya suka cara manual.
    nah.. sekarang gmana caranya sett jumlah post yang akan muncul???

    Pramuka Smanab

    BalasHapus
  2. @Pramuka Smanab :
    ganti angka '5' merah di atas untuk myesuaikan bnyak posting yg ditampilkan.

    Thanks kunjungannya!

    BalasHapus

Catatan:
1. Komentar Anomin telah kami buka, silahkan berkomentar yang sopan
2. Jika kurang mengerti dengan posting di atas silahkan ajukan pertanyaan
3. Kami usahakan membalas komentar anda secepat kilat!
4. Masalah "Link Rusak" bisa anda laporkan lewat komentar
5. Jika meninggalkan Link Aktif pada komentar terpaksa kami hapus

Salam Admin
Darma Jaya

 
Top