Cara Membuat Related Post di Bawah Postingan

Kali ini saya akan berbagi Cara Membuat Related Post di Bawah Postingan kepada rekan-rekan. Tentunya, tutorial ini saya buat sejelas mungkin agar rekan-rekan tidak kebingungan dalam menerapkan Cara Membuat Related Post di Bawah Postingan.

Penampakan Related Post di Bawah Postingan

Apa itu Related Post?

Related Post merupakan sekumpulan post yang berhubungan dengan postingan yang sedang pengunjung baca. Jadi, sebenarnya ada beberapa postingan lain yang mungkin bisa dibaca sebagai tambahan referensi bagi pengunjung karena memang ada hubungan dengan postingan yang sedang di baca.

Cara Membuat Related Post di Bawah Postingan

Berikut ini beberapa langkah Cara Membuat Related Post di Bawah Postingan, silahkan diikuti agar Cara Membuat Related Post di Bawah Postingan ini sukses.

      1.Loginlah ke akun blogger rekan-rekan menggunakan username dan password yang rekan-rekan miliki.

     2. Pilihlah menu Template dan klik tombol Edit HTML.

     3.Cari bagian </head> lalu salin kode di bawah ini di atas bagian </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/AVvXsEgg2LTXmtMW4hOdbmIw1n3nsPaBpKAVFW6MHBh9oKlnNksA5kat7-8l5j5-VugL8b3ddSfq0iM4nw7bfqZProSjHIClNqP-9H-xQzT0RvIZh4q9zj3BBC4PiWPpFpk_jXIXoSYmw3jQRSs/") 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/13164081124/relatedpost.js' type='text/javascript'/>

    4.Cari <data:post.body/> lalu salin kode di bawah ini tepat di bawahnya. Ada beberapa <data:post.body/>, tapi pilihlah yang berada di bawah <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
Bukan yang lain.

Letak kode di bawah <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 != &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>

    6. Simpan template yang telah Anda edit tersebut.

    7. Buka blog  Anda untuk melihat hasil pekerjaan Anda tersebut.

    Demikianlah Cara Menambah Related Post di Bawah Postingan. Selamat mencoba. Jangan sungkan bertanya bila menemukan kendala maupun kesulitan.

Salam BangSatya,

Buruk.baik.Menginspirasi

*)menambahkan dari http://bos-tutorial.blogspot.com/2013/02/cara-membuat-related-post-di-bawah.html