Cara membuat Related Post di Blogger
Cara membuat Related Post di Blogger
Related Post adalah sebuah widget yang biasanya terdapat dibawah postingan dan mempunyai hubungan terkait antara satu postingan dengan postingan yang lainnya berdasarkan label atau kategori.
Related Post sangat berguna dikarenakan bisa meningkatkan pageviews suatu blog dan pengunjung bisa betah di blog anda.
Tutorial Cara membuat Related Post di Blogger:
1. Buka dashboard blogger.
2. Buka Template
3. Klik dulu "Expand Template Widget"
4. Cari kode </head> , agar mudah mencari gunakan CTRL+F
5. Masukkan kode script dibawah ini diatas </head>
<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>
7. Simpan/save.
Related Post adalah sebuah widget yang biasanya terdapat dibawah postingan dan mempunyai hubungan terkait antara satu postingan dengan postingan yang lainnya berdasarkan label atau kategori.
Related Post sangat berguna dikarenakan bisa meningkatkan pageviews suatu blog dan pengunjung bisa betah di blog anda.
Tutorial Cara membuat Related Post di Blogger:
1. Buka dashboard blogger.
2. Buka Template
3. Klik dulu "Expand Template Widget"
4. Cari kode </head> , agar mudah mencari gunakan CTRL+F
5. Masukkan kode script dibawah ini diatas </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/AVvXsEij9zfI1uJXFEme0BkzxOfZJr-gcG_JQCdIOn6KKIYjhlucKXcO3AJXw-BoDcNYAetSpiYmO7ITshy5qbKnln-xirzKFLiApXskGSyNPBHrhJNosOi5AYjdBs3GC49LXKR4JeUAOBF92Q/") 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'/>
6. Letakkan kode script dibawah ini tepat dibawah <data:post.body/> atau <div class='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>
makasih atas tips nya gan,,izin praktek dlu :)
ReplyDeletemakasih
ReplyDeleteArtikel yg bagus dan berguna. Super!
ReplyDeletemakasih gan atas infonya...
ReplyDeletemakasih bro :)
ReplyDelete