-->

An inspiration to share

Iklan

Link Banner

Cara Membuat Artikel yang berkaitan Untuk Blogspot

Adin
Senin, 07 Desember 2009, Senin, Desember 07, 2009 WIB Last Updated 2011-09-06T10:02:07Z
masukkan script iklan disini
masukkan script iklan disini

         Kali ini Saya punya Artikel tentang BELAJAR BLOG nah yg ini artikel sy yg pertama.eh tau ga teman2 smua kenapa ini Jadi Artikel yang pertama...?Masalahnya Ini kasus yg paling menjengkelkan saya dikerjain sampe 3 hari buat ngerjain Artikel ini Saya coba pake cara dari beberapa teman yang memberi sumbang saran tapi rupanya cara ini yang paling jitu yang saya pakai di template saya ini....udah ah kepanjangan kapan mau ngebahasnya...???hik hik...



        Ya udah gini Teman-teman sekalian tentang ARTIKEL YANG BERKAITAN maksudnya adalah seperti yang ada di template saya ini silahkan sobat-sobat buka salah satu artikel saya lalu sobat bisa lihat dibawahnya ada tambahan Artikel yang terkait.Nah itulah yg dimaksud dan beginilah caranya..



Caranya:

1. Login ke blogger

2. Tata Letak

3. Edit HTML

4. Beri centang pada "Expand Widgets Template"

5. Cari kode <data:post.body/>

6. Tempelkan kode berwarna biru berikut di bawahnya


    <b:if cond='data:blog.pageType == "item"'>

    <div class='similiar'>


    <div class='widget-content'>

    <h3>Artikel yang berkaitan</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>


Keterangan: Yang berwarna merah bisa Anda ganti sesuai keinginan

Penting: Jika Andatelah menggunakan kode read more maka akan ada dua kode <data:post.body/>

Nah, letakkan di bawah kode yang pertama

Anda bisa juga membuat artikel yang berkaitan dengan tampilan yang beda dengan artikrl Adin yang lain klik saja Membuat artikel berkaitan Dengan Tampilan warna dan gambar
semoga bermanfaat

Tank's buat Mas doyok
Komentar

Tampilkan

Terkini

Komputer

+