Have an account?
Club Cooee

Translate

English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Pilih Font

11/08/10

Tutorial Membuat Artikel Terkait di Blog

Ini adalah cara yang sangat memudahkan bagi pengunjung untuk melihat2,..postingan anda,...
lengkapi Blog anda dengan Fitur ini,...
Berikut cara memasang artikel terkait tersebut:

  1. Buka " Edit HTML " pada blog kemudian centangkan " Expand Widget Templates "
  2. Cari Kata <data:post.body/> dengan cara menggunakan CRTL-F


  3. Kemudian lihat kode ini: <div style='clear: both;'/> <!-- clear for photos floats -->  
  4. Masukan kode dibawah ini diatasnya
  5. <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='similiar'>


    <div class='widget-content'>
    <br/>
    <h3>Related Articles</h3>
    <div id='data2007'/><br/><br/>
    <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>
    </b:if>  
Kode yang berwarna Biru bisa diubah angkanya seusai dengan kebutuhan anda,...
Selamat Mencoba

Artikel Terkait

2 coment:

dindingku rusak mengatakan...

kenapa saya bisa munculkan tulisan artikel terkait tetapi isi artikel terkait gak ada?

Yoggy Site mengatakan...

apakah sudah di paste dengan benar??...saat meng edit code Html anda di haruskan
centang (v) expland
pada kanan atas kolom Html
kemudian tekan ctrl+F dan copas
untuk firfox loh y,..
itu cara cepat cari codex,.
silahkn di coba

Posting Komentar