Posted by : Rendy Note Selasa, 11 Desember 2012

post

Hay !
Udah lama Gk ketemu Nih :D heheehe.. Maaf Ya Jarang Posting :D Tugas Sekolah Numpuk Hampir Segunung T_T XD Oke Lah Postingan Kita Kali Ini Tentang Tips And Trick Blogger :) Yang Berjudul, 'Tips Membuat Related Post Dengan Thumbnail' sebenar nya Artikel Ini Memang Sudah Lama Dan Sudah Banyak Di kenal, Saya Sengaja Memposting Ulang Agr Sobat Blogger Tau ! :D Oke Langsung Ke Tuturial nya :)

  • Login Blogger (klo gk punya blog gmna cara bikin nya --")
  • Masuk Ke Menu Template
  • Centang "Expand Template Widget"
  • Lalu Cari Kode </head> dan letakkan CSS di bawah ini Di atas Kode Tadi
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 20px; font-weight: bold; color: white; font-family:&#39;Baumans&#39;, sans-serif; margin-bottom: 0.75em; margin-top: 0em;margin-left:63px; padding-top: 0em; } #related-posts a{ color:white; } #related-posts a:hover{ color:#1d2124; } #related-posts a:hover { background-color:#1d2124; }
</style>
</b:if>
Selanjut Nya Kamu Atur Sendiri CSS nya :P

Dan Ini Script nya Letakkan Juga Di atas Kode </Head> tadi

<script type='text/javascript'>/*<![CDATA[*/var defaultnoimage=&quot;http:var maxresults=7;var splittercolor=&quot;#0000&quot;;var relatedpoststitle=&quot;See More Aritcle&quot;;/*]]>*/</script>
<script src='http://goo.gl/uCDCV' type='text/javascript'/> 

Dan Ini HTML nya Letakkan Di bawah Kode Data:Post.body

<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> <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_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'>var currentposturl=&quot;<data:post.url/>&quot;;var maxresults=7;var relatedpoststitle=&quot;See More Article&quot;;removeRelatedDuplicates_thumbs();printRelatedLabels_thumbs();</script> </div><div style='clear:both'/></b:if> 

Selebih Nya Kamu Atur Sendiri :P

Oke Sekian Tutorial Nya :D

{ 11 komentar... read them below or Comment }

  1. izin sedot
    Jangan lupa blog walking
    http://bima-cyber4rt.blogspot.com/

    BalasHapus
  2. izin Sedot Untuk Blog
    Jangan lupa blog walking di deny stroom
    http://deny-4stroom.blogspot.com/

    BalasHapus
  3. mkasih kk atas infonnya :

    komentar balik ya : http://neewsrfk.blogspot.com/

    BalasHapus
  4. Artikelnya Menarik Bang Izin DI Coba !!
    #http://miki-maru.blogspot.com/

    BalasHapus
  5. Yang Ini Juga Udah Saya Coba Gan Tapi Tetap Ga Bisa..

    BalasHapus
  6. Tidak bisa gan, waktu gue ikuti semua tutornya ndk bisa. Gue sih pakai template agan "Blue Obito V.2"

    BalasHapus

[X-T] COMMENTS RULE :

-DONT SPAM
-DONT FLOOD
-BILA ANDA SUKA DENGAN ARTIKEL INI SILAHKAN BERKOMENTAR
-BILA ANDA INGIN MENDAPATAKAN INFO DI BLOG INI SILAHKAN FOLLOW BLOG INI
-GUNAKANLAH BAHASA YANG SOPAN
-FOLLOW THIS BLOG I WILL FOLLOWBACK !!

Author/Admin = RendyBoyz_25
Add Facebook admin : Klik Disini
Blog ini Telah Saya Setting Jadi Blog Dofollow :D
- Alexa Rank 169,500+
- Links in 117
- Jadi Berkomentar Lah Yang Sopan :)

- Copyright © 2013 XkresssX Technology V.8 - Powered by Blogger - Original by Johanes Djogan - Design By Rendy Aprizia Prayoga -