cara pasang plugin related post +gambar blogger

Tutorial pasang plugin Related post lengkap dengan gambar ini kita akan ambil scriptnya agar dapat di pasang di bloggge/blogspot. pada postingan sebelomnya saya telah bahas Cara pasang emoticon kaskus di blogger.
dan pada kesempatan kali ini ayuk belajar bersama cara pasang related post bergambar.
contoh tampilan related post sebagai berikut.

nah seperti itulah nanti hasilnya. gimana cocok gak gan? oke buat yang merasa cocok silahkan ikuti langkah-langkah berikut ini.

1. login di blogger masing2.
2. pada halaman dashboard klik design | dan pilih edit HTML
3. centang kotak kecil expand widget template (ada baiknya di backup dulu template asli anda)
4. silahkan cari code ini </head>
5. setelah ketemu copy paste code dibawah ini di atas code </head>

KLIK DISINI UNTUK MEMBUKA CODE->>>

<!--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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAYsiGMr2csoc26B49TsLMRhyVQSR5LUsrYF-K_i6otSEAvXePRKSBLJk1mdWnVWijy0b2H0CHF_3pt57UA1dEivMq1JYnWihDyTitYl_h7EHQpwyvx7QOXk2oFd7qnF_HNvb6K3PCnSY/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-->


6. selanjutnya cari code ini <div class='post-footer-line post-footer-line-1'>

setelah ketemu copy paste code dibawah ini di bawah code <div class='post-footer-line post-footer-line-1'>

KLIK DISINI UNTUK MEMBUKA CODE->>>

<!-- 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-->


7. simpan template dan lihat hasilnya.

semoga TUTORIAL CARA PASANG RELATED POST DI BLOGGER INI bermamfaat dan kerja anda sukses........... happy blogging.
jika ada yang kurang di fahami silahkan bertanya di kotak komentar thanksss

Post a Comment

6 Comments

  1. sip gan sekarang artikel terkait sudah muncul dan lebih keren ada gambarnya sippp

    ReplyDelete
  2. plug in related post-nya bakal jalan kalo kita bikin postingan baru atau gimana ?

    ReplyDelete
  3. berhasil gan terimakasihh,jai tambah cantik nih blog ane

    ReplyDelete
  4. Keren mas bro,
    btw diblog ni mas bro pake yang biasa, apa plugin ini mempengaruhi besarnya loading blog ya ??
    Nice share

    ReplyDelete
    Replies
    1. Terlalu bnyak plugin/widget akan memberatkan loading blog gan
      Jadi pasang yg penting2 saja..

      Delete