Cara Membuat Artikel Terkait Tampil Persis Dibawah Posting

Untuk Membuat Artikel Terkait Tampil Persis Dibawah Posting Dengan Gambar
Ini Sangat mudah, Contoh Tampilan Atrikel Terkait Seperti gambar di bawah ini Sob :
Untuk Membuatnya
Ayu ikuti Langkah - Langkah yang saya tulis dibawah ini,..

Langkah:
1. Masuk blog anda seprti biasa Lalu
2. Klik Template, Lalu
3. Klik Edit HTML Lalu Cari Kode </head> Gunakan CTRL+F biar mudah carinya
Jika Sudah Ketemu, Copy Kode Dibawah ini, Lalu Pastekan Diatas Kode </head>

     <!--Related Posts ariecellular.blogspot 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;
    font-size: 12px;
    font-weight:none;
    color: #002bff;
    font-family: Calibri;
    margin-bottom: 0.75em;
    margin-top: 0em;
    padding-top: 0em;
    }
    #related-posts h2{
    color: black;
    }
    #related-posts a{
    font-size: 15px;
    font-weight:none;
    color: #002bff;
    font-family: calibri;
    }
    #related-posts a:hover{
    color:black;
    }
    #related-posts a:hover {
    background-color:#d4eaf2;
    }
    </style>
    <script src='http://my-project-favicon.googlecode.com/files/relatedposts.js.txt' type='text/javascript'/>
    </b:if>
    <!--Related Posts ariecellular.blogspot.com Styles End-->

Selanjutnya Cari Kode <data:post.body/> Biasanya Ada 3 Kode <data:post.body/>
Jika ada 3 Maka Pastekan Kode Dibawah Ini Tepat dibawah kode <data:post.body/> Di Nomor 2

  <!--Related Posts ariecellular.blogspot.com Styles 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=12&quot;' type='text/javascript'/></b:if></b:loop>
    <h3><b>MUNGKIN MAU BACA ARTIKEL YANG DIBAWAH INI JUGA SOB? MONGGO.......</b></h3>
    <script type='text/javascript'>
    var currentposturl=&quot;<data:post.url/>&quot;;
    var maxresults=6;
    var relatedpoststitle=&quot;&quot;;
    removeRelatedDuplicates_thumbs();
    printRelatedLabels_thumbs();
    </script>
    </div><div style='clear:both'/>
    </b:if>
    <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
    <a href='http://ariecellular.blogspot.com/' style='display:none;'/>
    </b:if>
    </b:if>
    <!--Related Posts ariecellular.blogspot.com Styles End-->

4. Pada Warna Orange Silahkan Anda ganti kata - kata sesuka hati
5. Pada Warna Biru silahkan anda ganti dengan URL blog Anda
6. Klik Simpan
7. Selesai & Lihat Hasilnya sob....... semoga Berhasil

Posting Komentar untuk "Cara Membuat Artikel Terkait Tampil Persis Dibawah Posting"