Pasang Related Posts + Thumbnails (Gambar) di Blogspot



related posts with thumbnails for blogger
Share Pasang Related Posts + Thumbnails (Gambar) di Blogspot. - Baru dua hari gak buka blog, kangen rasanya. Sebelumnya saya mau minta maaf kepada kawan-kawan soalnya baru kali ini saya ada kesempatan buat buka blog lagi, soalnya 2 hari ini jadwal manggung lagi padat2nya... hehehehehe. Gak kok 2 hari ini saya lagi dapat orderan Job.

Okelah, tanpa basa basi lagi, pada postingan sebelumnya saya udah pernah membahas tentang Cara Membuat Artikel Terkait Atau Related Post Di Blog.  Nah postingan kali ini masih ada hubungannya dengan artikel terkait atau related post cuman disini kita menggunakan related post bergambar alias artikel terkait yang pakai gambar.

Berikut tips dan triknya :
Seperti biasa, langkah yang harus di lakukan pertama yaitu login dulu ke blogger kemudian pergi ke Layout/Tata Letak/Design => Edit HTML kemudian beri centang pada bagian "Expand Widget Templates".
Cari Kode
</head>

Kemudian Letakkan kode berikut di atasa kode tadi

<!--Related Posts with thumbnails Scripts and Styles Start-->  <!-- remove -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {  float:center;  text-transform:none;  height:100%;  min-height:100%;  padding-top:5px;  padding-left:5px;  }    #related-posts h2{  font-size: 1.6em;  font-weight: bold;  color: black;  font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;  margin-bottom: 0.75em;  margin-top: 0em;  padding-top: 0em;  }
#related-posts a{  color:black;  }  #related-posts a:hover{  color:black;  }
#related-posts  a:hover {  background-color:#d4eaf2;  }
</style>
<script type='text/javascript'>  var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";  var maxresults=5;  var splittercolor="#d4eaf2";  var relatedpoststitle="Related Posts";  </script>
<script src='http://blogergadgets.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
<!-- remove --></b:if>  <!--Related Posts with thumbnails Scripts and Styles End-->

Setelah itu cari lagi kode
<div class='post-footer-line post-footer-line-1'>

Dan letakkan script ini di bawahnya
<!-- 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>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if>
</b:if>  <!-- Related Posts with Thumbnails Code End-->

Untuk menampilkan berapa banyak jumlah related posts bisa dengan mengedit kode dibawah ini:  var maxresults=5;

Untuk mengganti title, kita bisa mengedit kode ini: 
var relatedpoststitle="Related Posts";

Selamat Mencoba dan Semoga bermanfaat kawan...!!!

Bagikan lewat :
Anda sedang membaca artikel tentang Pasang Related Posts + Thumbnails (Gambar) di Blogspot dan anda bisa menemukan artikel Pasang Related Posts + Thumbnails (Gambar) di Blogspot ini dengan URL http://really-really-good.blogspot.com/2012/02/pasang-related-posts-thumbnails-gambar.html. Anda boleh menyebarluaskannya atau meng-copy paste-nya jika artikel Pasang Related Posts + Thumbnails (Gambar) di Blogspot ini bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan LINK Pasang Related Posts + Thumbnails (Gambar) di Blogspot sebagai sumbernya.


Artikel lain yang mungkin ingin anda baca!


Silahkan Gunakan Facebook Comment, Jika Anda Tidak Memiliki Url Blog!



Responses

1 Respones to "Pasang Related Posts + Thumbnails (Gambar) di Blogspot"

Komentar Sobat Sangat Berarti Bagi Kami

Mohon Berkomentarlah dengan Baik dan Sopan. Maaf, jika ingin menyertakan url (http://) mohon diLINK saja ya. Trims

 
Kembali Keatas Kembali Keatas
© Copyright 2010-2012 Really Really Good All Rights Reserved | About | Privacy | Contact | T O S | Sitemap | Stylished by Really Really Good Powered By Blogger
^_^ Submit | Member Area | Report | Report | Log In | Log Out
Ping your blog, website, or RSS feed for Free | |

DMCA.com