Cara Menambahkan Baca Juga (Related Posts) di Bawah Posting Blog

 

     Related Posts dibutuhkan seorang blogger agar pengunjung blognya lebih betah dan nyaman berada di blognya. Related Posts sendiri berisi posting yang berkaitan/berhubungan dengan posting yang sedang dibaca oleh pengunjung blog. Cara menambahkannya dibawah posting adalah sebagai berikut  :

1. Buka akun Blogger kamu.
2. Masuk ke Tab Template lalu klik Edit HTML. 
   
3. Cari kode </head> (Gunakan Ctrl+F untuk mempermudah mencari), dan letakkan kode berikut di atas kode</head> tadi.

   <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/AVvXsEgTtRaG1sBpRK2czLdsMZQ61V9-eD19J2eMFC5SfdOtB_5t6YTdPOmi8rKN0YGr1a40xryvZVtmcigXEBDIo3eT7OnVPVGfH0BgzG0BdRTTWE7utoiZiXESCH_OLQMyR9BerNtzaatCnrc/") 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'/>

4. Jika sudah, sekarang cari kode <data:post.body/> (Gunakan Ctrl+F) dan masukkan kode berikut di bawah kode<data:post.body/> tadi.

   <br/><br/><b:if cond='data:blog.pageType == "item"'>
   <div id="related-posts">
   <font face='Arial' size='3'><b>Baca Juga : </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>

5. Jika sudah, klik Pratinjau Template untuk memeriksa apakah berhasil atau tidak, dan jika berhasil baru kamu klik Simpan Template.
   
   
6. Jika masih ada kesalahan dan script tidak berjalan, coba cek kembali apakah penempatan kode-kode diatas tadi sudah benar, dan cek juga kelengkapan kode yang dimasukkan.

Demikian posting tentang Cara Menambahkan Baca Juga (Related Posts) di Bawah Posting Blog, Selamat mencoba dan Semoga bermanfaat. ^_^