CARA MEMBUAT RELATED POST PADA BLOG

Selamat pagi sobat Blogger.

Kali ini admin akan membahas tentang CARA MEMBUAT RELATED POST PADA BLOG.

Membuat Realated post pada blog sangatlah mudah , ya sebenarnya gk mudah2 juga sih , bagi yang belum merasa hal itu bukan mudah ..hahaha jadi bingung deh.

oh ya sobat dengan menambahkan related post pada blog , akan menarik minat pengunjung untuk membuka artikel2 terkait baru maupun yang sudah lama yang sobat buat. dan juga pastinya blog sobat terlihat sangat menarik , ya meskipun gk menarik2 amat ...

Nih penampakan Realated postnya

Langsung saja ini caranya:

1.  Login ke blog sobat.
2.  Buka Templatete
3.  Pilih Edit HTML.
4.  Cari Code  </head>
5.  Untuk mempermudah pencarian sobat , Gunkan tombol Ctrl + F atau F3 aja langsung. Lalu Copas          code </head> Di kolam 'Search' lalu tekan Enter .
6.  Jika sudah ketemu codenya letakan Code Scrip di bawah ini tepat diatas 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/AVvXsEgooKfSPTStfnuJpWui2zNpBRpm6ksArtKC-wTnon3ldPcQFhTcoJaWWl6MIeby8gTPnic_H6wyBYoJ7CV1GyJ3_z4bLEzmipJu2BYOKLsjP2VJnvuvkS1lqOlFNmUY4runIUXf04lHopE/") 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/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>

7.  Jika sudah sekarang Code berikutnya, Cari Code <data:post.body/> . Seperti biasa gunakan cara nomor 5 untuk menemukan Code tsb. Kalau sudah ketemu Letakan juga Script di bawah ini tepat dibawah Code <data:post.body/>

<br/><br/><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>

 8.  Jika selesai tugas sobat ,, Langsung Save. dan lihat hasilnya.

   Note : Code <data:post.body/> Biasanya lebih dari satu. Tergantung Blog sobat, kalau punya Admin ada Empat. baiknya lakukan pengetesan satu persatu. jika sudah berhasil baru simpan.

Silahkan tinggalkan komentar jika berhasil maupun tidak.

Terima kasih