Membuat Artikel Terkait ~ Tutorial Kewez

Membuat Artikel Terkait - Artikel terkait atau related post berfungsi untuk membantu para pengunjung agar mengetahu apa saja artikel yang berhubungan dengan keyword atau artikel utama. Dan manfaatnya kepada pemilik blog yaitu akan menambah Page view apabila stiap artikel pada related post tsb di kunjungi oleh visitor. Contoh artikel terkait bisa anda lihat pada blog ini di bagian bawah setiap artikel atau postingan .

Untuk Membuat Artikel Terkait ikuti Tutorial berikut ini :

1. Sing in akun blog sobat
2. Klik Rancangan => Edit HTML => Expand Template Widget
3. Cari kode <div class='post-footer-line post-footer-line-1'> gunakan Ctrl + F agar lebih mudah mencari kode tersebut
4. Jika sudah ketemu , Copy kode dibawah ini lalu paste dibawah kode <div class='post-footer-line post-footer-line-1'> . Biasanya ada 2 kode <div class='post-footer-line post-footer-line-1'> , anda cukup fokuskan pada kode yang pertama saja .

<b:if cond='data:blog.pageType == "item"'>
    <H2>Artikel Terkait:</H2>
    <DIV class='rbbox'>
    <DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
    <DIV id='albri'/>
    <SCRIPT type='text/javascript'>
    var homeUrl3 = "<data:blog.homepageUrl/>";
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 10;
    maxNumberOfPostsPerLabel = 100;
    maxNumberOfLabels = 3;
    function listEntries10(json) {
    var ul = document.createElement('ul');
    var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
    json.feed.entry.length : maxNumberOfPostsPerLabel;
    for (var i = 0; i < maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    alturl = entry.link[k].href;
    break;
    }
    }
    var li = document.createElement('li');
    var a = document.createElement('a');
    a.href = alturl;
    if(a.href!=location.href) {
    var txt = document.createTextNode(entry.title.$t);
    a.appendChild(txt);
    li.appendChild(a);
    ul.appendChild(li);
    }
    }
    for (var l = 0; l < json.feed.link.length; l++) {
    if (json.feed.link[l].rel == 'alternate') {
    var raw = json.feed.link[l].href;
    var label = raw.substr(homeUrl3.length+13);
    var k;
    for (k=0; k<20; k++) label = label.replace("%20", " ");
    var txt = document.createTextNode(label);
    var h = document.createElement('b');
    h.appendChild(txt);
    var div1 = document.createElement('div');
    div1.appendChild(h);
    div1.appendChild(ul);
    document.getElementById('albri').appendChild(div1);
    }
    }
    }
    function search10(query, label) {
    var script = document.createElement('script');
    script.setAttribute('src', query + 'feeds/posts/default/-/'
    + label +
    '?alt=json-in-script&callback=listEntries10');
    script.setAttribute('type', 'text/javascript');
    document.documentElement.firstChild.appendChild(script);
    }
    var labelArray = new Array();
    var numLabel = 0;
    <b:loop values='data:posts' var='post'>
    <b:loop values='data:post.labels' var='label'>
    textLabel = "<data:label.name/>";
    var test = 0;
    for (var i = 0; i < labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel < maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel++;
    }
    }
    </b:loop>
    </b:loop>
    </SCRIPT>
    </DIV>
    <script type="text/javascript">RelPost();</script>
    </DIV>
    </b:if>

Memodifikasi Artikel Terkait

<H2>Artikel Terkait:</H2> bisa anda ganti sesuai keinginan anda ( misal : Related post, artikel yang berhubungan dll ) atau anda ingin menghapusnya.
<DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> adalah tampilan kotak artikel terkait tsb. Margin : jarak antara kotak dengan main, Padding : jarak antara isi artikel terkait dengan kotak, border : batas, 1px tsb adalah tebal batasnya, solid adalah jenis batasnya dan #ccc adalah warna batasnya, Height : tinggi kotak artikel tekait ( kalau anda rubah kode 200px menjadi 0 maka kotak related post yang tampil akan menyesuaikan dengan jumlah artikel terkait. Sedangkan jika tetap 200px maka kotak tsb akan otomatis memberi tombol scrool apabila artikel terkait tsb sudah melebihi batas.
maxNumberOfPostsPerLabel = 100; adalah jumlah posting atau artikel terkait yang ingin di tampilkan
maxNumberOfLabels = 3; adalah jumlah label terkait yang ingin ditampilkan

5. Simpan

Baca juga Cara Mengedit Emali Subscriptions (FeedBurner)

Terima kasih telah membaca artikel tentang Membuat Artikel Terkait di blog Tutorial Kewez jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Tutorial Kewez

Membuat Artikel Terkait

Artikel terbaru :

Followers

IKUTI KAMI