Membuat Related Post Di Bawah Postingan. 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.
Baca Juga Cara Mudah Mengetahui ID Facebook
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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJKf1NViAXyHI7Ey73Pg7oBGsKIjZLTG0TKqRRY_utnQTdq3eVu2GQIkZ_eeQE8Bgl4PHCK3k9hJvOvcEnoVpGPGzXjxglz2pqJ0nkoMggzz9h33bQgbfnkMT2hjiukkJJyFzNYL0mXdg/") 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 != "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>
Catatan.
Di dalam template kode <data:post.body/> biasanya lebih dari
satu, silahkan anda pilih yang terakhir sendiri atau anda coba satu
persatu.
Artikel Terkait
Tag :
BLOG
0 Komentar untuk "Membuat Related Post Dibawah Postingan Blog"
PERINGATAN..!!
1. Berkomentarlah Sesuai Judul Diatas Dengan Sopan dan Jangan Spaming.!!
2. Dilarang Berkomentar Yang Mengandung Unsur Pornografi dan Sara.!!
3. Mohon Maaf Bagi Yang Berkomentar Melampirkan Link Langsung Ane Masukan Spam.!!
Mohon Untuk Mematuhu TOS diatas. Terimakasih