Membuat Related Post (Memancing Banyak Pengunjung)

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 dulu terima kasih mohon komentarnya untuk kebaikan ^_^

Share this

Author : Unknown

Related Posts