Cara Membuat Related Post di Blogspot

Baca Juga

Kali ini, saya ingin berbagi ilmu blogging yang mungkin bisa dikatakan sudah basi bagi kalangan para blogger mania. Tapi tidak apa - apa, sekedar ingin sharing ilmu, saya akan memberikan informasi tentang bagaimana caranya membuat "Related Post" atau posting terkait yang mana dibawah postingan terdapat beberapa list tampilan link artikel terkait dengan postingan diatasnya. Tujuannya apa ? Untuk memudahkan para pengunjung blog melihat posting blog yang lain dan berkaitan dengan posting diatasnya.

OK, langkah pertama untuk membuat Related Post pada blog adalah sebagai berikut :
1. Copy kode dibawah dengan cara di blok / kursor semua kodenya.
2. Masuk ke admin blogger di blogspot, klik pada edit html.
3. Cari kode </head>, dan paste kode diatas </head> tersebut.


 <i><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/AVvXsEjwpuhlkYVcdtKzQEACMEZhafmSirMz8Aov99V7blN4kKhVxhY7sKnp7O5vy9VnLSv9z-H-TSHp-uq6WCT0aZBsRRPrf8WcF1zEnTmrxt3wIymxPLChGNPkdPbImUmBdG5efhzI5NljcIc/") 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/0414255712/related-posting-bloggue.js' type='text/javascript'/></i>

4. Setelah itu, copy kode dibawah kemudian paste kan di bawah kode <data:post.body/>.

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

5.Klik save, kemudian lihat kembali blog anda yang sudah dimodifikasi blog nya. Jika related post nya muncul, maka berhasil, tetapi jika tidak silakan anda ulangi lagi, karena kode <data:post.body/> ada 3 jumlahnya.

Demikian postingan mengenai cara membuat "Related Posting", mudah mudahan bermanfaat, terima kasih.