Cara Membuat Artile Terkait dengan Tumbnail Gambar di Blogspot

pada kesempatan kali ini, saya akan membahas tentang blog, soalnya saya baru sedikit bikin posting tentang blogging, yasudah saya tambah lagi deh tips blognya, oke langsung saja ke tutorialnya.
Cara Membuat Artikel Terkait dengan Gambar di Blog
Cara Membuat Artikel Terkait dengan Gambar di Blog

    1. Masuk Ke Blogger
    2. Pergi ke Template → Edit HTML
    3. Cari kode </head>
    4. Kemudian copy code dibawah ini tepat diatas kode </head>

    <!--Start Related Posts-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <style type='text/css'>
    #related-posts {
    float:center;
    text-transform:none;
    height:90%;
    min-height:90%;
    padding-top:0px;
    padding-left:8px;
    }
    #related-posts h2{
    font-size: 1.0em;
    font-weight: bold;
    color: white;
    font-family: Rockwell,Georgia,Serif;
    margin-bottom: 0.8em;
    margin-top:0em;
    padding-bottom:0em;
    }
    #related-posts a{
    color:white;
    }
    #related-posts a:hover{
    color:white;
    }
    #related-posts a:hover {
    background-color:#080;
    }
    </style>
    <script type='text/javascript'>
    var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3dzFSVaBv16tTiuuxuChQUJWzKg2kxdBh8wlevfDENnJCTni8LQG60dDS2qHEbFS7_kvcHzU_sL6mmHuTU5LIfHnex1tSAPKDgZ4NMNcfDwXSeN2M7ghIdurGUcBR_pV8bm1qNLn41cj8/s1600/No+Image.jpg&quot;;
    var maxresults=6;
    var splittercolor=&quot;#000000&quot;;
    var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
    </script>
    <script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
    </b:if>
    <!--End Related Post-->

    5. Kemudian cari kembali kode <data:post.body/>
    6. Bila sudah ditemukan, copy kode dibawah ini tepat dibawah kode <data:post.body/>

    <!-- Start Related Posts-->
    <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=7&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'/>
    </b:if>
    <!-- End Related Posts-->

     7. Simpan template, dan lihat hasilnya


Catatan : Berikut adalah kode yang anda bisa ganti sesuai keinginan anda

    Menampilkan jumlah artikel terkait yang muncul max-results=7
    Judul artikel terkait var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
    Warna Tulisan var splittercolor=&quot;#000000&quot;;