Membuat Related Post Dibawah Postingan Blog

Membuat Related Post Keren Dengan Gambar. Membubuhkan Related Post atau yang sering disebut artikel tersambung/terkait pada sebuah blog adalah bagian yang perlu dilakukan, keuntungan artikel tersambung/terkait yaitu agar pembaca dapat mengetahui artikel selanjutnya yang berhubungan dengan artikel sedang dibuka.

Membuat Related Post Dapat meningkatkan sambungan/interlink pada artikel dan dapat meningkatkan jumlah pageview pada blog anda. pembaca otomatis akan melihat di bagian bawah post, bahwa masih ada artikel yang menarik lainya yang harus dibaca terkait dengan yang sedang anda baca.

Sekarang ini Related Post atau artikel terkait sudah umum gunakan oleh para maniak blogger, Selain berfungsi untuk mempermudah pengunjung melihat artikel yang berhubungan dengan yang sedang di baca, Related Post juga dapat memperindah blog anda. 

Artikel terkait memiliki beberapa jenis, berikut ini beberapa contoh ( Membuat Artikel Terkait dengan tampilan Scroll ) ( Membuat Artikel Terkait dengan tampilan gambar ) . oleh karena itu, bagi anda yang ingin membuat Related Post dengan tampilan gambar di dalam blog silahkan ikuti Step by step membuat Related Post Dibawah Postingan Blog berikut ini.



Step by step membuat Related Post Dibawah Postingan Blog

Cara Membuat Related Post Di Blog

1. login ke Blog anda.
2. Masuk ke Menu template kemudian pilih Edit Template.
3. cari kode script </head>. caranya agar cepat tekan CTRL+F pada keybord anda.
4. Selanjutnya, masukan kode script di bawah ini tepat di atas kode </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("http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/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/11631137121/related_post_pelajaran_blog.js' type='text/javascript'/>


5. Selanjutnya, cari kode script <data:post.body/> tekan CTRL+F pada keybord anda.
6. terakhir letakan kode script dibawah ini tepat di bawah <data:post.body/> tersebut.
<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 != &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>


Catatan.
Di dalam template kode <data:post.body/> biasanya lebih dari satu, silahkan anda pilih yang terakhir sendiri atau anda coba satu persatu.

Artikel Penting Lainya :
Membuat Related Post Dibawah Postingan Blog | Ferdian Dinata | 5

0 komentar:

Posting Komentar