Jumat, 25 Maret 2011

Pasang Related Post Bergambar


Kemaren salah satu teman blogger bertanya pada saya. gimana sih bikin related post bergambar di bawah postingan.caranya sangat lah gampang, selain menjawab pertanyaan teman kita yuzar tentunya juga untuk teman-teman blogger bagi pemula. yang belum tahu banyak tentang blogger... ya sama kayak saya yang masih belajar. kita langsung aja ya!!! anda cukup ikuti petunjuk - petunjunk di bawah ini :
  • anda login dulu.
  • kemudian pilih Tata letak / Edit HTML
  • kemudian cari code </head>
  • masukkan code di bawah ini di atas </head> 



    <!--Related Posts with thumbnails Scripts and Styles Start-->
    <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 src='http://blogergadgets.googlecode.com/files/relatedthumbs19.js' type='text/javascript'/>
    </b:if>
    <!--Related Posts with thumbnails Scripts and Styles End-->
  • kemudian cari code berikut


    <div class='post-footer-line post-footer-line-1'>

    atau code berikut

    <p class='post-footer-line post-footer-line-1'>
  • kalau udah ketemu masuk kan code dibawah ini persih di bawah code diatas



    <!-- Related Posts with Thumbnails Code Start-->
    <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><a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://www.bloggerplugins.org/' style='display:none;'>blogger widgets</a>
    <script type='text/javascript'>
    var currentposturl=&quot;<data:post.url/>&quot;;
    var maxresults=5;
    var relatedpoststitle="Related Posts";
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script>
    </div><div style='clear:both'/>
    </b:if>
    <!-- Related Posts with Thumbnails Code End-->
  • kemudian simpan Selesai deh
Anda bisa merubah Related Posts dengan kata-kata yang anda suka. selamat mencoba dan jangan lupa comment nya...

Tidak ada komentar:

Posting Komentar