Cara Membuat Artikel Terkait Tampil Persis Dibawah Posting

Dibuat oleh ARIE CELLULAR Posting Komentar

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>

<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;
    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>

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

<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=12"' 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="<data:post.url/>";
    var maxresults=6;
    var relatedpoststitle="";
    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>

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

ARIE CELLULAR

Cara Membuat Artikel Terkait Tampil Persis Dibawah Posting

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

ADMIN