Cara Membuat Related Post Keren Di Bawah Posting Blog

Cara membuat Related Post Di Bawah Posting - Plug in Related post untuk blogspot sangat penting, supaya terlihat seperti blog profesional.

Mari kita praktekan cara membuat related post keren di bawah posting blogspot. agar blog anda menjadi bagus.

Cara Membuat Related Post Di Bawah Posting

1. Login ke akun blog terlebih dahulu.
2. Pilih pada menu Template, lalu klik Edit HTML untuk memasang script related post.
3. Carilah kode </head>, agar lebih mudah dalam pencarian kode </head>, gunakan CTRL+F.
4. Setelah anda menemukan kode </head>, silahkan copy script dibawah ini, dan letakkan di atas kode </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/AVvXsEjV9j8fPa_Qn0BxiGAzgDzDfQoaO6CDptlxV79zPacu6TmF1_erumer9Ao6-E_B4nd1Mk-4HuKZiqH8gTeQtyD9N0vIIKm9DR3Oj7z1Rs4GCg2OVeAFjA3-985EVjG9U-UsKemI7ysdHNg/") 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/11530217614/related-post.js' type='text/javascript'/>

Setelah selesai menempatkan kode script yang diatas, selanjutnya cari kode <data:post.body/>, dan tempatkan kode script dibawah ini (copy) tepat dibawah <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>

Jika sudah selesai, silahkan simpan template.

Demikian Cara Membuat Related Post di Bawah Posting Blog. Semoga apa yang anda praktekan berhasil.