Cara Membuat Related Post di Blogspot

Tutorial Tips Cara Membuat Related Post di Blogspot !!

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 != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' 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:
^_^

Masukkan alamat email kamu disini:

Postingan Lainnya : Bloggeron

1 komentar:

Naughtyric said...

artikel terkait memang perlu banget bisa nambah pageview,hehe,,
makasih udah share :)

[ Reply ] | June 24, 2012 at 5:02 PM
:f :D :x B-) b-( :@ x( :? ;;) :-B :| :)) :(( =(( :s :-j :-p :-o :-g :-x

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 . .^_^

Mr.x [Shared All Artikel]. Powered by Blogger.

Popular Posts

Files Blog