Daftar Isi

Cara Membuat Artikel Terkait Dengan Scroll Box

Bookmark and Share
Hallo Sobat Blogger kali ini saya akan memberikan tips cara membuat scroll artikel terkait dengan scroll box seperti Artikel terkait di bagian bawah artikel ini. Oh iya fungsi dari artikel terkait ini untuk menambah pageview agar orang - orang yang melihat artikel kita akan lebih mudah untuk mencari artikel- artikel yang berkaitan dengan artikel tersebut. Ok langsung saja kita mulai mepraktekan caranya.
  1. Masuk ke akun Blogger anda.
  2.  Jangan lupa Backup dulu template anda agar ketika terjadi kesalahan maka anda bisa mengembalikannya menjadi seperti semula.
  3. Kemudian pilih Rancangan dan masuk ke tab Edit HTML
  4. Setelah itu jangan lupa memberi centang pada Expand Template Widget
  5. Cari kode ]]></b:skin> kemudian letakan kode dibawah ini tepat diatas kode ]]></b:skin>

    .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
    background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
    .rbbox:hover{background-color: rgb(255, 255, 255);

  6. Kemudian Cari kode <data:post.body/> dan letakan kode dibawah ini tepat dibawah kode <data:post.body/>


    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <br/>
    <br/>
    <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 = &quot;<data:blog.homepageUrl/>&quot;;
    var maxNumberOfPostsPerLabel = 4;
    var maxNumberOfLabels = 10;
    maxNumberOfPostsPerLabel = 999;
    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;albri&#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>
    <script type='text/javascript'>RelPost();</script>
    </div>
    </b:if>
    <br/>
  7. Simpan dan lihat hasilnya ^^
Jangan lupa baca cara membuat artikel terkait bergambar semoga membantu ^^

    { 20 komentar... Views All / Send Comment! }

    Falah Mulyana said...

    mantaaaappp bos,,,,,,,!!!!!
    bagus sekali posting nya,,,,,,,!

    darana-xp said...
    This comment has been removed by the author.
    darana-xp said...

    Berhasil berhasil berhasil tapi Script nu di handap b:skin mah error cuy ,jadi we ngan make nu dihandapeun data:post.body ,tapi da moal nanaon nyak???

    Ryan said...

    @Darana-xp sory salah uy kuduna ditempatknna diatas kode ]]> lain dibawahna,,, hhe ganti dei w supaya tamabh optimal

    indra-aav said...

    thx..
    update antivirus
    http://indra-av.blogspot.com/

    Ryan said...

    ok sip bos siap menuju TKP :) thanks atas kunjungannya

    bisnisdolar said...

    makasih aku mau nyoba

    Ryan said...

    ok silahkann gan semoga bermanfaat :D

    topjer said...

    sippp,, tp lum sukses sma hover'y kang,

    Klik menarik said...

    Mantap Gan!!
    Terima Kasih Atas Postingannya Sangat Membantu

    Zona Eksis said...

    @Topjer trus berusha kang nanti juga pasti bisa :D

    @Klik menarik
    sip sma2 :D

    angkatigabelas said...

    Terimakasih bro.. sudah saya coba dan berhasil sukses... makasih banyak ya.. saya follow deh blog mu bro... follow balik ya.. :D

    www.angkatigabelas.blogspot.com

    Zona Eksis said...

    ok siap gan.. sip sma2 :D

    Rudy Hartono said...

    makasih infonya sangat membantu sekali untuk yang belum pasang, nice share and happy blogging

    oakleyses said...

    burberry factory outlet, louis vuitton, louis vuitton outlet online, prada handbags, cheap oakley sunglasses, tiffany jewelry, ralph lauren outlet, michael kors handbags, ray ban sunglasses, oakley sunglasses, nike outlet, replica watches, ray ban sunglasses, christian louboutin, michael kors, nike air max, prada outlet, chanel handbags, nike free, uggs outlet, michael kors outlet, oakley sunglasses, uggs on sale, longchamp outlet, louboutin shoes, longchamp bags, michael kors outlet online, louboutin uk, tory burch outlet, ray ban sunglasses, michael kors outlet online, tiffany jewelry, longchamp outlet, kate spade, uggs outlet, uggs on sale, burberry outlet, louis vuitton outlet, uggs on sale, oakley sunglasses, oakley sunglasses, michael kors outlet online, cheap jordans, nike air max, replica watches, louis vuitton handbags

    oakleyses said...

    true religion jeans, new balance, hollister uk, lunette ray ban pas cher, nike tn pas cher, nike free pas cher, polo lacoste pas cher, true religion outlet, burberry pas cher, coach outlet store online, hermes pas cher, vanessa bruno pas cher, louboutin pas cher, nike air force, nike air max uk, ralph lauren pas cher, nike roshe uk, polo ralph lauren uk, nike free, mulberry uk, true religion outlet, longchamp pas cher, north face uk, michael kors outlet online, ray ban uk, lululemon outlet, timberland pas cher, lunette oakley pas cher, michael kors uk, kate spade outlet, nike roshe run pas cher, michael kors, longchamp soldes, abercrombie and fitch, nike air max, replica handbags, nike blazer pas cher, coach outlet, jordan pas cher, true religion outlet, nike air max pas cher, coach purses, sac guess pas cher, michael kors, hogan sito ufficiale, nike air max uk, north face pas cher, abercrombie and fitch UK, converse

    oakleyses said...

    nfl jerseys, herve leger, iphone 6 plus cases, valentino shoes, nike air max, bottega veneta, hermes handbags, nike trainers uk, ghd hair, nike roshe run, soccer jerseys, beats by dre, lululemon outlet, wedding dresses, babyliss pro, jimmy choo outlet, north face outlet, hollister clothing, iphone 6s cases, mont blanc, north face outlet, vans outlet, timberland boots, abercrombie and fitch, insanity workout, iphone 6 cases, longchamp uk, iphone 5s cases, nike air huarache, p90x workout, louboutin, iphone cases, celine handbags, mcm handbags, iphone 6s plus cases, mac cosmetics, softball bats, salvatore ferragamo, new balance shoes, asics running shoes, chi flat iron, soccer shoes, reebok outlet, abercrombie, ipad cases, polo ralph lauren, giuseppe zanotti, oakley, s6 cases, instyler ionic styler

    oakleyses said...

    ugg uk, barbour jackets uk, canada goose outlet, louis vuitton, moncler, links of london uk, pandora uk, juicy couture outlet, ugg,ugg australia,ugg italia, doke & gabbana, canada goose, moncler, montre pas cher, ugg pas cher, juicy couture outlet, canada goose outlet, converse, moncler, pandora jewelry, converse shoes outlet, louis vuitton uk, louis vuitton, lancel, karen millen uk, canada goose jackets, pandora jewelry, moncler uk, wedding dresses uk, moncler jackets, replica watches, hollister, vans scarpe, ray ban, moncler outlet, sac louis vuitton, swarovski uk, hollister, ugg,uggs,uggs canada, canada goose uk, supra shoes, moncler pas cher, sac louis vuitton, gucci, nike air max, swarovski jewelry, canada goose, coach outlet, canada goose jackets, marc jacobs, canada goose pas cher, moncler

    dong dong23 said...

    michael kors outlet online
    cheap jordans
    michael kors outlet
    timberland outlet
    true religion outlet
    oakley sunglasses
    nike factory outlet
    nike air force
    louis vuitton outlet
    coach outlet
    tory burch outlet
    oakley vault
    michael kors outlet
    supra sneakers
    louis vuitton
    coach factory outlet
    true religion jeans
    pandora jewelry
    ray ban sunglasses
    nike air jordan
    adidas shoes
    louis vuitton handbags
    ray ban sunglasses discount
    nike roshe run
    nike roshe flyknit
    toms shoes outlet online
    jordan retro
    true religion
    louis vuitton handbags
    ray ban sunglasses
    michael kors
    michael kors outlet
    michael kors outlet clearance
    tory burch flats
    longchamp handbags
    burberry outlet
    instyler curling iron
    true religion shorts
    coach outlet
    cheap jordans
    20165.21wengdongdong

    chenlina said...

    chenlina20160708
    oakley outlet
    tory burch handbags
    designer handbags
    fitflop sandals
    coach factory outlet online
    coach outlet
    christian louboutin shoes
    louis vuitton outlet online
    ray ban wayfarer
    longchamp handbags
    christian louboutin outlet
    nike outlet store
    lebron james shoes 13
    cheap nfl jerseys
    air jordans
    coach outlet store online
    adidas running shoes
    supra shoes
    mont blanc fountain pens
    coach outlet store online
    air jordan pas cher
    louis vuitton outlet
    jeremy scott shoes
    louis vuitton outlet
    nike outlet
    christian louboutin outlet
    christian louboutin shoes
    michael kors outlet clearance
    nike air force 1
    cheap jordans
    jordan concords
    coach factory outlet
    ralph lauren polo
    louboutin pas cher
    michael kors handbags
    cheap oakley sunglasses
    cheap oakley sunglasses
    louis vuitton handbags
    gucci outlet
    coach outlet
    as

    Post a Comment

    Hallo sobat blogger !!
    Jika ada broken link / ada yang masih kurang dipahami silahakn tinggalkan komentar anda disini....
    --------------------------------------------------------
    .You Coment i coment, You follow i follow :D

    Ping your blog, website, or RSS feed for Free
    Related Posts Plugin for WordPress, Blogger... W3 Directory - the World Wide Web Directory