Related Post adalah bla...bla...bla..., ga' usah didefinisikan yaa... Kamu sekalian lihat aja ke bawah, setelah artikel ini.
Disana ada link-link yang dikumpulkan secara otomatis berdasarkan "Group" atau "Categories" artikel. Fungsinya, memudahkan pembaca/pengunjung tercinta mencari artikel yang berkaitan.
Cara mbuatnya mudah kok. Tinggal copy dan paste.
Pertama-tama, kamu harus sign in ke Blogger. kedua, pilih tab "Layout" atau "TataLetak". Terus, pilih "Edit HTML". Terus, centang di kotak kecil yang disampingnya ada tulisan "Expand Widget ....bla...bla..."
BABAK PERTAMA
Setelah itu, cari kode ini
]]></b:skin>
Kemudian, copy dan paste kode CSS dibawah ini di bawah kode warna merah 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>
Sudah...udah di copy dan paste ...!!
Kalau begitu, kemudian,kamu cari kode warna merah berikut:
BABAK KEDUA
<p><data:post.body/></p>
Setelah itu, copy kode yang berlatar hijau dibawah ini, dibawah kode merah <p><data:post.body/></p> yang ada di atas.
<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>
<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>
Jadi bentuk-nya seperti ini :
<p><data:post.body/></p>
<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=100"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicatesundefined); printRelatedLabelsundefined);
</script>
</div></b:if>
Setelah itu semua. Save Your Template. Lihat hasilnya...
Gampang kan...kan... Anak SMP aja bisa. Masa', kamu yang masuk Universitas malah ga bisa...!!! he he he bercanda kok...
