0 Cara Membuat Related Post di Blog

Posted by Blogger Name. Category: Blogger

Sebuah blog akan menjadi rame apabila terdapat content/ isi yang banyak. Tentu hal ini membutuhkan kerja keras bahkan sampai mengorbankan waktu istirahat. Dalam pembuatan content harus memilih judul-judul postingan yang menarik sehingga pengunjung akan tertarik untuk membaca postingan tersebut.

Selain pembuatan conten yang banyak, blogger harus menyediakan tempat untuk menempatkan judul-judul postingan blog yang strategis supaya pengunjung mudah menemukan dan seterusnya akan dibaca.Yaitu menempatkan judul - judul postingan di bawah setiap artikel yang dibuka atau bisa disebut Related Post.

Oleh sebab itu, saya akan menerangkan bagaimana cara membuat related post atau cara membuat artikel terkait dll.

1. Masuk ke EDIT HTML
2. Cari kode </head>; Gunakan CTRL + F untuk Search.
3. Paste kode berikut 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/AVvXsEh_oc5On2iLMe0WSiu2kW29V7rHUbb9PDFkFe11TKJnB0HSWqbD6A4i_xK1w0aT9t933tX9Hu-At97MMqmhzZ9iqobBQREa645bu7Ad8cz5nEFCA9Cs__prTvD-G856gfyDdiVFl2UMIig/") 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/6615118292/muchlis.js' type='text/javascript'/>

4. Kemudian cari kode lagi yang seperti ini <data:post.body/>, mungkin ada beberapa, pilih yang kedua.
5.Paste kode berikut tepat di bawah <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>

6. Simpan Template.

Selamat Mencoba .... !!!

Tweet

Komentar →