Sabtu, 11 Desember 2010 - di 07.21

Cara membuat Artikel Terkait


Untuk membuat artikel terkait, artikel yang berhubungan atau apalah namanya yang pada  bahasa Blogger dikenal dengan nama Related post, yang pada prinsip dasarnya kita akan sedikit menambahkan kode script pada kode HTML template kita.






Buat blogger pemula seperti saya yang belum mengerti tentang artikel terkait itu apa, baiklah sekarang  akan saya berikan sedikit gambaran, yaitu kurang lebihnya seperti ini, adalah sekelompok artikel yang pada prinsipnya mempunyai label / katagori sama dengan postingan atau artikel tertentu. Artikel terkait biasanya berada dibawah postingan, dan ada juga yang berada di sidebar Blog kita.






Untuk jelasnya mari kita bahas satu persatu cara pembuatannya dari yang Artikel Terkait biasa, pakai thumbnails / image dan yang ditaruh di sidebar. Sekarang yang akan saya share dengan anda Artikel Terkait yang berada dibawah postingan.






Cara membuatnya sebagai berikut :










  • Masuk ke account google dengan ID anda.

  • Pada Dasbor klik Rancangan – terus klik Tab Edit HTML

  • Kemudian klik Expand Template Widgets .

  • Cari kode yang seperti ini :  <data:post.body/>

  • Untuk gampangnya tekan Ctrl + F kemudian ketikkan kode berikut : <data:post.body/>

  • Jika anda sudah menggunakan read more / baca selengkapnya pada template anda, maka akan terdapat 2 kode <data:post.body/> Pakai yang pertama

  • Kemudian letakkan script berikut ini setelah kode <data:post.body/> yang pertama. 







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


<div class='similiar'>


<div class='widget-content'>


<h3>Ingin membaca Artikel Terkait :</h3>


<div id='data2007'/><br/><br/>


<script type='text/javascript'>





var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;


var maxNumberOfPostsPerLabel = 4;


var maxNumberOfLabels = 7;





maxNumberOfPostsPerLabel = 7;


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> 






  • Tulisan Ingin membaca Artikel lainnya dan angka 4, 7, 3 silahkan anda menyesuaikan.

  • Save/ simpan  Template anda.

  • Lihat hasilnya dengan jalan Klik salah satu postingan anda, pada single post dibawah artikel / postingan anda akan tampak seperti contoh berikut





Demonya disini







Postingan berikut adalah Untuk Artikel Terkait dengan thumbnails / image








Home » , , , » Cara membuat Artikel Terkait
Diposting oleh Unknown

3 komentar:

  1. Slazh raY va20 April 2011 pukul 23.03

    Waaaah...
    Kebetulan bngt saya lg nyari ni artikel Mas. Hhe...

    Benar2 beruntung nih, berkunjung ke Blog mas.
    Trima kasih atas infonya.

    N' gmn Mas yg mslh tmbol berbagi tu? hhe...

    BalasHapus
  2. TIPS BLOGBEGO21 April 2011 pukul 07.44

    Kalau mas raY berkenan copas silahkan saja, saya senang bisa berbagi

    BalasHapus
  3. Mas Lasino23 April 2012 pukul 09.15

    apa ini ada hubungannya dengan 2 pertanyaan saya sobat? maaf banget aku bener2 bego bukan sobat yg bego tapi kaya Einstein,

    BalasHapus

Langganan: Posting Komentar (Atom)