Beranda » Uncategorized » Cara Membuat Artikel Terkait With Scroll

Cara Membuat Artikel Terkait With Scroll

T Diposting oleh pada 13 April 2012
F Kategori
b Comments Off on Cara Membuat Artikel Terkait With Scroll
@ Dilihat 76 kali
Cara Membuat Artikel Terkait With Scroll.Sobat Darmanto semua,setelah beberapa waktu yang lalu saya berbagi catatan membuat artikel terkait,pada catatan saya kali ini yang masih berisi seputar tutorial blog akan dilanjutkan dengan Membuat artikel terkait  namun dilengkapi dengan fungsi scoll.Membuat artikel terkait dengan scroll adalah bertujuan bila postingan sobat sudah banyak maka,membuat artikel terkait with scroll ini adalah solusinya agar artikel terkait dengan postingan kita tidak memenuhi banyak tempat atau kelihatan terlalu panjang.

Ok sobat Darmanto semua,bagi yang ingin membuat artikel terkait dengan scroll…Langsung saja yuk ikuti langkah-langkah berikut:

  1. Masuk ke akun blog sobat pilih tata letak
  2. Klik Design > Edit HTML  
  3. Klik Expand Widget Template
  4. Letakkan kode dibawah ini diatas kode ]]></b:skin>

    #artikel-terkait{background-color:#F0F0F0; border:solid 1px #DEDEDE; padding:10px}

    Catatan : Jika perlu ganti kode berwarna merah dengan warna background serta border yang sesuai dengan template kamu

  5. Selanjutnya cari kode  <data:post.body/>  dan letakkan kode berikut dibawahnya

    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
    <br/>
    <div class=’similiar’>
    <div class=’widget-content’ id=’artikel-terkait’>
    <div style=’width:100%; height:190px; overflow: auto;’>
    <div id=’data2007’/>
    <script type=’text/javascript’>
    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 10;

    maxNumberOfPostsPerLabel = 100;
    maxNumberOfLabels = 3;

    function listEntries10(json) {
    var ul = document.createElement(&#39;ul&#39;);
    var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
    json.feed.entry.length : maxNumberOfPostsPerLabel;
    for (var i = 0; i &lt; maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;

    for (var k = 0; k &lt; entry.link.length; k++) {
    if (entry.link[k].rel == &#39;alternate&#39;) {
    alturl = entry.link[k].href;
    break;
    }
    }
    var li = document.createElement(&#39;li&#39;);
    var a = document.createElement(&#39;a&#39;);
    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 &lt; json.feed.link.length; l++) {
    if (json.feed.link[l].rel == &#39;alternate&#39;) {
    var raw = json.feed.link[l].href;
    var label = raw.substr(homeUrl3.length+13);
    var k;
    for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
    var txt = document.createTextNode(label);
    var h = document.createElement(&#39;b&#39;);
    h.appendChild(txt);
    var div1 = document.createElement(&#39;div&#39;);
    div1.appendChild(h);
    div1.appendChild(ul);
    document.getElementById(&#39;data2007&#39;).appendChild(div1);
    }
    }
    }
    function search10(query, label) {

    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
    + label +
    &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
    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 = &quot;<data:label.name/>&quot;;

    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel++;
    }
    }
    </b:loop>
    </b:loop>
    </script>
    </div>
    </div>
    </div>
    </b:if>

    Catatan : Kode yang berwarna merah merupakan kode panjang dan lebar space dari widget related post ini, silahkan sobat sesuaikan saja dengan ukuran template kamu

  6. Simpan Template

Semoga tutorial blog pada catatan saya kali ini mengenai Cara Membuat Artikel Terkait With Scroll  ada rmanfaatnya.
Sumber kode:
http://kangamphi.blogspot.com

Komentar dinonaktifkan: Cara Membuat Artikel Terkait With Scroll

Maaf, form komentar dinonaktifkan untuk produk/artikel ini

a Artikel Terkait Cara Membuat Artikel Terkait With Scroll

Yang Boleh di Lakukan Ketika Puasa

Yang Boleh di Lakukan Ketika Puasa

T 24 July 2012F A admin

Yang bolehkan dilakukan Ketika Puasa.Apa saja sih yang boleh dilakukan selama berpuasa? Selama menjalankan ibadah puasa,tentu sobat-sobat semua perlu memperhatikan hal-hal yang boleh dilakukan ketika puasa maupun yang tidak boleh di lakukan ketika puasa.Sebagai pengingat buat sobat Darmanto semua,pada catatan... Selengkapnya

Tentang Umat Islam yang Pecah Jadi 73 Golongan

Tentang Umat Islam yang Pecah Jadi 73 Golongan

T 23 July 2014F A admin

Tentang Umat Islam yang Pecah Jadi 73 Golongan – Dalam sebuah hadisnya, Nabi Muhammad SAW pernah memprediksi bahwa umatnya akan terpecah menjadi 73 golongan. Saat hadis tersebut muncul, adakah latar belakang sejarah yang mengiringinya? Misalnya, sebelum beliau wafat, Nabi sudah... Selengkapnya

Hukum Menonton Video Porno di saat Berpuasa

Hukum Menonton Video Porno di saat Berpuasa

T 3 August 2012F A admin

Hukum menonton video porno disaat berpuasa.Menonton Video porno disaat berpuasa bagaimanakah hukumnya? Apakah puasanya batal? Mari sobat semua simak catatan saya mengenai beberapa jawaban berikut ini tentang Hukum menonton video porno: Dengan jelas Islam telah mewajibkan kepada kaum mukmin laki-laki... Selengkapnya

+ SIDEBAR
tempat belajar seo

Ada Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami.