Cara membuat related post - Blog
Cara membuat related post - Jika Anda mencari informasi cara
membuat related post di blogger, maka Anda sudah berada di area yang
tepat. Karena pada kesempatan kali ini admin ingin berbagi tips seputar
blogging kepada rekan - rekan blogger sekalian yang masih kebingungan
dalam membuat related post di blognya. Seperti yang kita tahu bahwa
fungsi dari related post atau bahasa Indonesianya kita sebut dengan
artikel terkait, artikel yang berhubungan dengan postingan yang sedang
dibaca atau artikel yang direkomendasikan oleh pemilik blog kepada
pembacanya untuk memahami lebih dalam suatu topik dalam kategori
tertentu, intinya sederhana, blogger dapat pageviews yang lebih banyak,
pembaca mendapat informasi yang lengkap. Nah, setelah mengenal apa itu
related post beserta fungsinya, langsung aja kita praktekkan bersama
cara membuat related post diblog seperti langkah - langkah yang
tuliskan dibawah ini :
1.Log in ke blogger dengan akun yang anda miliki.
2.Klik rancangan.
3.Edit Html » Centag kotak Expand template widget.
4.Cari kode </head> letakkan kode dibawah ini sebelum kode </head> yang anda temukan.
2.Klik rancangan.
3.Edit Html » Centag kotak Expand template widget.
4.Cari kode </head> letakkan kode dibawah ini sebelum kode </head> yang anda temukan.
<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/AVvXsEijfEB2zlRqCL7uzPH6FzGvo9HDI4dq7kzCcIuZYZzHWgSVhPZ3GVKWuL5Bu1Ju0ybkVioJHP5iJ2O7dcGX1PhJZ8F7NHsn94Eq12skWqtoTgelE-sbK_x0qrv8OCyvQp382OxNCK6vp9I/")
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://yudatfort.googlecode.com/files/related%20posts%20b-digg.js'
type='text/javascript'/>
5.Sekarang cari kode <data:post.body/> jika ada dua pilih yang kedua dan letakkan kode di bawah ini dibawah kode <data:post.body/>.
<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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
<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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
6.Save template sobat dan lihat hasilnya.