Cara Membuat Related Post di Blogspot
Label:
Diposkan oleh
Mr.X |
Related Post Atau Yang dikenal Dengan Artikel terkait, Ini Sungguh Berguna Untuk Blog Kita, Ini membuat Pengunjung Lebih Mudah Mencari Artikel Yang Labelnya Sama.
Kini Saya Akan Meng Share Cara Membuat Related Post di Blogspot !!
Cara :
-Login ke blogger
-Cari menu Layout dan klik Edit HTML di Dashboard anda.
-Jangan lupa centang (tandai) "Expand Widget Templates".
-Carilah kode </head> [biar lebih gampang pakai CTRL + F atau F3]
-Tambahkan kode dibawah ini persis sebelum </head>
<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://sites.google.com/site/rhakateza/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='https://sites.google.com/site/rhakateza/p/Related_posts.js'
type='text/javascript'/>
-Sekarang carilah <data:post.body/>. atau pada beberapa template sering dipakai kode <div class='post-body> atau <data:post.body/>.-Tambahkan kode berikut ini dibawah kode yang anda cari diatas:
<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>
-Saatnya anda simpan atau klik save template dan coba lihat tampilannya, jika tidak ada kesalahan maka akan berhasil dengan baik. -Jika Anda ingin mengubah jumlah postingan yang tampil di Related Post, ubah angka max-result pada langkah ke 8 dengan jumlah postingan yang anda inginkan, contoh:
^_^
Wednesday, November 9, 2011 |
8:05 PM
1 komentar:
artikel terkait memang perlu banget bisa nambah pageview,hehe,,
makasih udah share :)
Post a Comment
Tinggalkan Komentar Di Sini Dengan Sopan yak All . . !!
Jangan Memakai Link di dalam komentar, Akan langsung di hapus.
>>>>>>>>>>>> Like Fans Pages Facebook Yak All !! >>>>>>>>>>>
Thx Atas Perhatiannya . .^_^