Membuat Related Post di bawah postingan

Cara Membuat Related Post di bawah postingan blog,- Pasti bagi anda yang gemar ngeblog sudah tidak asing lagi dengan Related post. Yap, Related post adalah widget yang sering atau biasanya terletak di bawah postingan yang sedang di tampilkan atau di buka. Related post adalah kumpulan postingan postingan yang ada di blog selain postingan yang sedang di tampilkan. Related post berfungsi untuk memudahkan pembaca atau pengunjung blog membaca artikel artikel atau postingan postingan lainnya yang ada di dalam blog anda. Jadi, pengunjung mungkin akan tertarik membaca postingan postingan blog anda yang lain yang judulnya  menarik menurut pengunjung blog anda. Related post ini sungguh sangat berguna dalam sebuah blog. Kenapa? hal itu sudah saya jelaskan pada penjelasan sebelumnya.

Cara Membuat Related Post di bawah postingan blog

Untuk mengetahui Cara Membuat Related Post di bawah postingan blog ini, pertama anda harus mem-backup template anda untuk menghindari kegagalan dalam pengeditan, download dahulu template anda di bagian Template. Berikut cara membuat related postnya.

1. Login Blogger,
2. Pada dashboard buka HTML lalu edit HTML,
3. Setelah itu cari kode </head>, lalu masukkan kode berikut diatasnya,
   

<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/AVvXsEgVtmC9MPN6uOKcsW_sW2Orq_iLqzCUuZt5Yb_N1X6KdiEzNAldNMvq5xAJnBKnQ1nkoA0MBiDyDY14A9OxmYmwmxUXpOxeVuL9ttE4zhKDKzHGlTmv1RwhLcKHh5COuhNTg7zKCgsia80/")
  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'/>

4. Setelah selesai, cari kode <data:post.body/>, nanti akan di temukan beberapa kode seperti itu, coba satu persatu hingga pas, lalu masukkan kode berikut,

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

5. Setelah itu simpan.

Itulah postingan saya tentang Cara Membuat Related Post di bawah postingan blog ini, semoga postingan ini bisa menjdikan anda sebuah refrensi jika ingin membuatnya. Jika ada kesalahan penulisan atau ada langkah yang tidak mengerti silahkan lapor pada kolom komentar agar segera di perbaiki.

Bagikan Artikel ini