 |
| Artikel Terkait Serderhana (Foto: Beni Muhaemin) |
1. Login pada akun Blogger sobat,
2. Setelah berada di Dasbor, beralih ke Template dan klik Edit HTML,
3. Muncul kotak editor template, sembarang klik di salah satu kotak tersebut, kemudian tekan Ctrl + F,
cari kode </head>,
4. Letakkan kode css dan script di bawah ini sebelum kode </head>,
<style>5. Setelah itu cari kode <data:post.body/> atau <div class='post-body> dan letakkan script berikut
#related-posts { float : left; width : auto; 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/AVvXsEi4dD0q8SElS7-6o6sdJ7bmzrU68KA5alhJs_Z0w4ZMHuEEIq8_oxzLfNjjdY7tSzEDV4gxol6s7JuKGt__mNwuV0VutWf6d_En0ZwjWrLd7_eBvYKgcxjC1kqYL0ytqIxubkCGoxS8ZycA/s1600/rss.png") 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/0542826181/ttm.txt.js' type='text/javascript'/>
di bawahnya,
<b:if cond='data:blog.pageType == "item"'>Intinya, meletakkan kode tersebut berdekatan dengan post-entri.
<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. Klik Simpan Template, dan sobat lihat hasilnya.
Sekian dulu, tips trik berikutnya:
1. Cara Membuat Artikel Terkait Scroll di Blog (Related Post dengan Scroll),
2. Cara Memasang Related Post Thumbnail di Blogspot (Gambar kotak-kotak kecil menarik).
Semoga bermanfaat. Happy blogging
Description: Cara Memasang Artikel Terkait Sederhana Membahana di Blog
Rating: 3.5
Reviewer: Unknown
ItemReviewed: Cara Memasang Artikel Terkait Sederhana Membahana di Blog
11 Komentar
aduh gagal trus, mohon ini kenapa mas, gx mau keluar....
class='post-footer'
trus yg ky gituan ada 3 , pa musti dtimpukin semua/???
Coba ulangi lagi dengan menambahkan lagi kode di bawah post-body. di HTML, post-body lebih dari satu.
Pilih salah satu aja bro. Kalau ketumpukan gak bakal keluar.
Salam.
Gan maaf saya mau nanya, kenapa ya blog saya http://boytriks.blogspot.com gak bisa dipasang related post. trik dari agan sudah saya coba tiga tiganya tapi tetep aja gak bisa. padahal dulu saya sudah pasang related post dan saya copot lagi, entah apa yang keubah. jadi sekarang gak bisa dipasang related post, mohon bantuannya gan. bisa sms ke 085721847692 agar saya liat balasan komentar di halaman ini lagi, makasih
salam blogger
ijin coba gan, semoga bisa menjaring PV lebih banyak.
thanks gan ilmunya, mau dicoba dulu.. klau untuk ngasih identitas setelah postingan gmn yah ?
makasih gan ... sukses buat kita semua
sudah diterapkan tapi ga muncul gan
Thank Infonya ...
Saya Berhasil :D
Di Tunggu Kumbalnya : dicky-sepuluh.blogspot.com
Mau nanya niy...
atau <div class='post-body> nya kok ga ada yaa.., padahal dah di control F lho...
sebelumnya terima kasih...
Ane udah sering coba gagal terus memasang related post. tapi ana baca coment dari alfatih and mendapat saran untuk memasang kode Body lebih dari satu tempat ternyata berhasil. terimakasih gan
berhasil diterapkan thans yaa mass