Cara Membuat Artikel Terkait

Tips Blogging cara membuat artikel terkait sebenarnya sudah pernah aku tulis, kalo belum baca bisa dibuka kembali disini. Tapi untuk kali ini tampilannya beda, seperti punya blog ini. Kalo sobat tertarik untuk membuat artikel terkait seperti blog ini, cara gini sobat.

1. Seperti biasa masuk ke blog sobat terus cari tab Tata Letak >> Edit HTML >> centang kotak kecil disamping kalimat Expand widget template.
2. Cari kode ]]></b:skin> dan taruh kode berikut di bawah kode tadi

<link href='http://dedehendriono.googlepages.com/artikelterkait.css' rel='stylesheet' type='text/css'/>
<script src='http://myartikel-12.googlecode.com/files/artikelterkait.js' type='text/javascript'/>

3. Masih di kode ]]></b:skin> taruh kode berikut di atas kode tadi

#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 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://dedehendriono.googlepages.com/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

4. Simpan dulu pekerjaan sobat setelah itu cari kode <p><data:post.body/></p> dan taruh kode berikut di bawah kode <p><data:post.body/></p>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Artikel Terkait : </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=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</font>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</b:if>

5. Simpan dan selesai

Mudah ya cara membuat artikel terkait, semoga tips blogging ini bermanfaat bagi sobat blogger.

Direkomendasikan