Membuat Related Post Pada Blogger

Halo sobat Mr-Noname, kali ini saya akan berbagi tutorial blogger. Tutorial membuat related posts seperti yang ada di blog saya. Tujuan related posts ini adalah memancing pengunjung membaca artikel-artikel lain yang ada di blog kita.

Berikut cara membuat related posts:

1. Login Blogger
2. Pilih Template, supaya aman sebaiknya backup dulu templatenya
3. Edit HTML, janga lupa beri tanda pada Expand Widget Template
4. Letakkan kode berikut di atas ]]></b:skin> 

   
   
   #Noname-related-posts{padding:10px;display:block;clear:both;border-top:5px double #444;border-bottom:5px double #333;margin:15px 0}
   h3.Noname-related-post{border-bottom:3px double #666;font-weight:bold;line-height:1.2;margin:25px 15px 5px;padding:0 6px;text-transform:uppercase;font-size:14px}
   #Noname-related-posts a:hover{text-decoration:none}
   #Noname-related-posts ul{list-style-type:none;margin:10px 0;padding:0}
   #Noname-related-posts li{background:url('https://lh4.googleusercontent.com/-u0XPRqFBfNU/T1uNTOOsV-I/AAAAAAAAAVQ/t1rX8b1tAwU/s128/gubhugreyot-bullet.png') no-repeat scroll 3px 50% transparent;display:block;list-style-type:none;padding:0 0 0 30px;line-height:20px;margin:0}
   #Noname-related-posts li:hover{background-position:20px 50%;padding-left:35px}

5. Setelah itu cari kode <div class='post-footer'> dan letakkan kode berikut di atasnya :

   <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <h3 class='Noname-related-post'>Related Posts</h3>
         <div id='Noname-related-posts'>
            <b:loop values='data:post.labels' var='label'>
               <b:if cond='data:label.isLast != &quot;true&quot;'/>
               <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=10&quot;' type='text/javascript'/></b:if>
            </b:loop>
   <script type='text/javascript'>
   var currentposturl=&quot;<data:post.url/>&quot;;
      var maxresults=5;
      removeRelatedDuplicates(); printRelatedLabels();
   </script>
         </div>
   </b:if>

6. Langkah terkahir yang harus di lakukan adalah meletakkan kode di bawah ini di atas </body> :

   <script src='http://andrijaya.tk/js/rp.js' type='text/javascript'/>

Sekian dari Mr-Noname, jika masih ada yang di bingungkan, silahkan berkomentar di sini. Terima kasih telah membaca.