IKLAN BULAN INI

Friday, 18 October 2013

Cara Membuat Artikel Terkait berisi Thumbnail

Seharusnya Cara Membuat Artikel Terkait berisi Thumbnail ini sudah lama saya bagikan biar ngumpul dengan Cara Membuat Artikel Terkait lainnya :y; tapi dasar saya sedikit pelupa ya terlupakan jadinya, 
Screenshot

Cara Membuatnya :
  • Masuk Account Blogger dengan ID kawan
  • Pada Dasbor pilih Template - Edit HTML 
  • Copas script berikut dibawah ]]></b:skin> atau diatas </head>

<!--Artikel Terkait berisi Thumbnail Script-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {float:center;text-align:left;margin: 0 auto 0;text-transform:none;height:100%;min-height:100%;padding:5px 5px 0 5px;}
#related-posts h2{font-size: 1.6em;font-weight: normal;color: black;font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;margin-bottom: 0.75em;padding-top: 0em;}
#related-posts a{color:black;padding:0 2px;margin:0 5px 0;}
#related-posts a:hover{color:black;padding:0;background-color:#999;}
</style>
<script type='text/javascript'>
var defaultnoimage='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9j2XeQxCMpUvWVuNSoRtWW_gWx6__C4UA_1i8MSdlppPBZ6pu-_uwGkp113iIiUTZ_7zNxy4wsVsm9ntnprYM5xVPkFcBtaUpW4WrCvPO6OomPuhrzsrtUMqHVQfz0J_qbFnfoLxGn2A/s400/noimage.png';
var maxresults=6;
var splittercolor=&quot;#ff0000&quot;;
var relatedpoststitle=&quot;Artikel Terkait&quot;;
</script>
<script src='https://sites.google.com/site/blogbegocreation/javascript/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Artikel Terkait berisi Thumbnail Script End-->

  • Selanjutnya cari <div class='post-footer-line post-footer-line-1'> 
  • Copas Kode berikut dibawahnya 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Artikel Terkait berisi Thumbnail 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/summary/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&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>
<!-- Artikel Terkait berisi Thumbnail Code End-->
</b:if> 
  • Teks [angka 6 dan 7] yang saya beri warna merah adalah jumlah yang ditampilkan, dengan selisih 1[satu] 
  • Teks yang saya beri warna Biru adalah Judul silahkan disesuaikan
  • Simpan Tmplate kawan 



Share This Post →


No comments:

Post a Comment