Cara Membut Artikel Terkait Blog Dengan Gambar

Untuk postingan mas tony kali ini ingin membahas tentang Membut Artikel Terkait Blog Dengan Gambar yang mungkin teman-teman sobat semua belum bisa membuatnya artikel ini juga bisa diterjemahkan secara ilmiah yaitu bagaimana Trik Membuat Related Post dengan Thumbnail atau lebih mudahnya yaitu Cara Membuat Postingan Terkait Dengan Menampilkan Gambar seperti Blog maz tony yang terletak di bawah postingan mas tony, tidak usah panjang lebar lagi berikut cara Membut Artikel Terkait Blog Dengan Gambar step by step:

1. Log in ke account blogger sobat
2. klik menu Template

3. kemudian pilih Edit Html
4. pilih lanjutkan untuk masuk ke Setup Html
5. setelah masuk jangan lupa centang kotak kecil di pojok kiri yang
bertuliskan "expand template widget"
6. selanjutnya sobat cari kode </head> dan untuk mempermudah pencarian
sobat tekan tombol ctrl+f pada keyboard sobat
7. paste kode dibawah ini diatas kode </head>blog sobat :

<b:if cond='data:blog.pageType == "item"'>
    <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.2em;
    font-weight: bold;
    color: black;
    font-family: Georgia, “Times New Roman”, 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://sites.google.com/site/amatullah83/js-indahnyaberbagi/relatedpostwiththumbnails.js.js' type='text/javascript'/>
    </b:if>

8. kemudian sobat cari salah satu kode berikut ini:
<div class='post-footer-line post-footer-line-3'>
atau <p class='post-footer-line post-footer-line-3'>
9. Setelah itu letakan kode dibawah ini, dibawah salah satu kodeseperti diatas

<b:if cond='data:blog.pageType == "item"'>
    <div id='related-posts'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast != "true"'>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'>
    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:if></b:loop><a href='http://orongorong.blogspot.com' style='display:none;'>Related Posts with thumbnails for blogger</a><a href='http://orongorong.blogspot.com/' style='display:none;'>blogger widgets</a>
    <script type='text/javascript'>
    var currentposturl="<data:post.url/>";
    var maxresults=5;
    var relatedpoststitle="Related Posts";
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script>
    </div><div style='clear:both'/>
    </b:if>

10. Dan Untuk terakhir kali Simpan Template maka akan diperoleh hasil seperti punya saya yang dibawah jika langkah-langkah anda benar sesuai intruksi semoga bermanfaat.

Mengkin untuk postingan mengenai Cara Membut Artikel Terkait Blog Dengan Gambar saya akhiri dulu.. terimakasih...
-----------------------------------------
Tutorial Blog|Cara Membut Artikel Terkait Blog Dengan Gambar|Tips Bloger|Thema Blog|Free Download Thema Blog|Mempercantik Blog|Trik Bloger