0 Membuat Related Post Otomatis

Posted by Blogger Name. Category: Blog Tips Trik

Related posts adalah kumpulan link yang diletakkan persis dibawah artikel sehingga menarik minat pembaca untuk membaca artikel berikutnya.

• Seperti biasa masuk ke blogmu 
• Pilih template, klik edit html dan klik lanjutkan 
• Ceklist pada Expand Template Widget (jangan lupa simpan template aslinya buat jaga-jaga) 
• Cari kode: </head> (gunakan Ctrl+f untuk mencari) 
• Copy kode dibawah ini tepat diatas </head> 

<style>
#related-posts {
float : left; width : auto;
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/AVvXsEjO2kPbM5k-OXNRBeLEvtduVAe07w02uCkzuGq8_joCUY8RLxneTP_nwDbvSN6XLLCloMIp3djmKOXC3LLU_yTjBbjo4Is8V7JdLZuyhgC-AUxP8NVm2GafmefZlkouUBiI1VWf-1M7wq3B/s1600/rss.png") 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/1244223703/related_postku1.js' type='text/javascript'/>

• Cari kode <data:post.body/> atau <div class='post-body>, 
• Kemudian copy code dibawah ini, letakkan persis dibawahnya

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

• Klik pratinjau (preview) untuk memastikan tidak terjadi error dan Simpan hasilnya
• Semoga Berhasil

Tweet

Komentar →