Cara Membuat Related Post Bergambar

Cara Membuat Related Post Bergambar - selamat malam kawan., beberapa hari ini Cupit's sedang mencari sebuah script tentang bagaimana Cara Membuat Related Post Bergambar dibawah postingan, setelah mencari dan blogwalking tentang Cara Membuat Related Post Bergambar akhirnya Cupits menemukan sebuah script dengan cara pemasangan yang sangat mudah untuk blog kita, ada yang mau ? oke lansung ikuti langkah-langkah dibawah ini :

1. Masuk ke menu Template > Edit HTML
2. Centang "Expand Widgets Template"
3. Letakkan Kode Berikut diatas </head>
   
   <!--Related Posts with thumbnails Start-->
   <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
   <style type='text/css'>
   #related-posts {
   float:center;
   height:100%;
   min-height:100%;
   padding-top:10px;
   padding-left:15px;
   padding-right:15px;
   }
   
   
   #related-posts h2{
   font-size: 1.3em;
   color: black;
   font-family: Arial;
   margin-bottom: 0.75em;
   }
   
   
   #related-posts a{
   color:black;
   }
   
   
   #related-posts a:hover {
   background-color:#eeeeee;
   }
   </style>
   <script type='text/javascript'>
   var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxwVum9hBTIa95v8-CDrL7NHswfB9A52gKaFyj6WknzullnBPkh8l7E9L9mj2eZjRh2vtEYsVuWSuK5GTOXPyYs2uXnFbiIA_DXMfeD6KOeFv_prZ9JB6Fzpuc_uEWt-2w-s5Xz8uLwV55/";
   var maxresults=3;
   var splittercolor="#cccccc";
   var relatedpoststitle="You might also like:";
   </script>
   <script src='http://hbhost.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
   <!-- remove --></b:if>
   <!--Related Posts with thumbnails End-->
4. Lalu cari <p class='post-footer-line post-footer-line-1'/> Kalau tidak ketemu coba cari post-footer-line.
5. Letakkan kode dibawah ini tepat dibawah kode diatas :
   
   <!-- Related Posts with Thumbnails Code Start-->
   <!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div id='related-posts'>
   <b:loop values='data:post.labels' var='label'>
   <b:if cond='data:label.isLast != &quot;true&quot;'>
   </b:if>
   <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
   <script type='text/javascript'>
   removeRelatedDuplicates_thumbs();
   printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
   </script>
   </div><div style='clear:both'/>
   <!-- remove --></b:if>
   <!-- Related Posts with Thumbnails Code End-->
6. Save template dan lihat hasilnya

mudah bukan ? coba terpakna di blogmu kawan..

Posted by BV Media

Tweet