Cara membuat Artikel Terkait

Kastaone - Sabtu, 11 Desember 2010 - 07.21.00 wita

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









Berbagi Artikel :

Cara membuat Artikel Terkait
Rate this posting:
{[["☆","★"]]}

Kalau pada Artikel Cara membuat Artikel Terkait
kurang jelas atau ada Artikel, Link yang tak jalan / rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
---ooOOOoo---
P.pw - Shorten urls and earn money!

Artikel Menarik Lainnya

About me


Saya hanyalah Manusia Biasa ingin memberi kan yang Terbaik, walau itu belum tentu Terbaik bagi Kawan....

3 Komentar pada : “Cara membuat Artikel Terkait”

  1. 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. Kalau mas raY berkenan copas silahkan saja, saya senang bisa berbagi

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

    BalasHapus

BERIKAN KOMENTAR SESUAI TOPIK
DENGAN BAHASA YANG SOPAN,
JANGAN MENGHINA, SARA / ETNIS DAN SPAM

Klik Emoticon untuk melihat Kodenya

Dapatkan Update Terbaru
BlogBego Creation di Email Kawan




BANNER [300x250]
© 2013 - BC INFO | Powered by Blogger
Design Template by : Blogger Edan