Kadang kita melihat tulisan di suatu blog maupun website di bawahnya terlihat postingan terkait atau tulisan terkait. Sekarang saya akan mencoba menjelaskan bagaimana cara menampilkan "postingan terkait" atau "artikel terkait" di blog kita. Tapi sayang, menggunakan cara ini tidak dapat menjamin sepenuhnya berhasil. Terbukti ada blog saya yang berhasil dan ada yang tidak berhasil. Semua tergantung kombinasi HTML yang berada di kotak edite HTML blog kita. Caranya sangat mudah:
1. Seperti biasa, login ke account blog masing-masing,
2. Masuk ke menu; Tata Letak,
3. Masuk ke edit HTML sekaligus centang kotak "Expand Template Widget"
4. Cari code: ]]></b:skin>
5. Code css ini copy paste di bawah code di atas:
<link href='http://mendandaniblog.googlepages.com/RelatedPosts.css' rel='stylesheet' type='text/css'/>
<script src='http://mendandaniblog.googlepages.com/RelatedPost.js' type='text/javascript'></script>
6. Cari code ini: <p><data:post.body/></p>
7. Letakkan code di bawah ini tepat di bawah code di atas, no. 6:
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#000000'><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'> removeRelatedDuplicatesundefined); printRelatedLabelsundefined);
</script>
</div></b:if>
Udah belum? Udah? kok diem aja sih? ditanya diem mulu, hehehe...
8. Save Your Template,
9. Lihat hasilnya,
10. Kalau belum jadi ya berarti "Anda Masih belum beruntung" hehehe...
1. Seperti biasa, login ke account blog masing-masing,
2. Masuk ke menu; Tata Letak,
3. Masuk ke edit HTML sekaligus centang kotak "Expand Template Widget"
4. Cari code: ]]></b:skin>
5. Code css ini copy paste di bawah code di atas:
<link href='http://mendandaniblog.googlepages.com/RelatedPosts.css' rel='stylesheet' type='text/css'/>
<script src='http://mendandaniblog.googlepages.com/RelatedPost.js' type='text/javascript'></script>
6. Cari code ini: <p><data:post.body/></p>
7. Letakkan code di bawah ini tepat di bawah code di atas, no. 6:
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#000000'><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'> removeRelatedDuplicatesundefined); printRelatedLabelsundefined);
</script>
</div></b:if>
Udah belum? Udah? kok diem aja sih? ditanya diem mulu, hehehe...
8. Save Your Template,
9. Lihat hasilnya,
10. Kalau belum jadi ya berarti "Anda Masih belum beruntung" hehehe...
2 komentar
Kok punya saya kalau pakai google chrome gak mau tampil ya.. kalau pakai firefox atau ie.. bisa tampil.. napa yah..
Memang sering terjadi yang anda alami. Alangkah baiknya browser anda selalu update agar mendapatkan system yang terbaru, meskipun hal itu tidak menjamin.
EmoticonEmoticon