Harianto.tk Tips Blogs Html Code Warna Code dll
Cara Membuat Related Post Di bawah postingan
Harianto- Kali ini saya akan berbagi related post sederhana di bawah posting .
related post ini cukup berguna untuk membuat para pengunjung blog lebih lama di dalam blog jadi bila blog anda belum memilikinya silahkan baca
cara pasang related post di bawah ini
Backup lah template sebelum memulai edit untuk menghindari hal hal yang merugikan !
Tata Urutan Cara
Login Blogger
Masuk ke dashboard
Edit html
cari code
<head>
paste kan code di bawah ini tepat di atasnya
<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/AVvXsEjSetYr5gqFqhWpGP9-WmdrkGBeDrV72QDv7isvq66LsuaKYbMXfKf2qEnh7dBfqdjj-gcPBmPSEGlW1Glj8UGVbnCt9CUTeoyCnvMjW2zG8BTFqWmXamUzCObA0o2rmY3bTzozw365A64//")
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/11631137121/related_post_pelajaran_blog.js'
type='text/javascript'/>
Setelah itu lanjut lagi dengan mencari code
<data:post.body/> saat mencari code ini pasti anda menemukan lebih dari satu code , tenang pilih salah satu saja ( biasanya yang ke-3 ) kemudian letakan code di bawah ini tepat di bawa code <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>
Klik save dan selesai
lihat hasilnya
sekian dulu semoga tips ini bermanfaat .
Artikel keren lainnya:
Belum ada tanggapan untuk "Cara Membuat Related Post di Bawah Post "
Post a Comment
Hai selamat datang di blog sederhana milik saya
untuk yang berkomentar saya ingin memberitahukan rule/peraturan dalam berkomentar di blog saya
1. yang pertama saya tidak melarang backlink di dalam komentar namun mohon berkomentar dengan relevan
2. tidak spam link karna nanti pasti akan saya hapus.
3. dilarang komentar dengan unsur sara,pornografi dan sejenis
5.berkomentarlah dengan sopan
terima kasih-Harianto