Trik Blogspot : Kode Artikel Berkaitan di bawah posting

Oh ia..... menurut anda blog itu penting gak sih ... ??? jawab di commnet di bawah yah..  Nah saya akan buat lagi artikel tentang Cara membuat Artikel berkaitan di blogspot dan diletakan di bawah posting anda. sebelum membaca silakan deh lihat di sini dulu tentang tata cara memasang status icon YM di blogspot udah lihat... oke

Stage 1

Sebenarnya sih gak susah membuat artikel berkaitan di blog tinggal copipaste aja kodenya. Apakah anda mengerti yang saya jelaskan mengenai artikel berkaitan di bawah posting?? jika kurang mengerti saya jelaskan sedikit. Artikel berkaitan adalah posting posting yang berlabel di kelompokan pada posting anda dan di letakan di bawah posting secara berurutan dan rapi. tujuan membuat Artikel berkaitan di blog adalah memudahkan seorang pengun jung untuk meliht artikel kita. misalnya artikel yang anda baca Tata cara membuat blog nah di bawah posting akan muncul tulisan Baca Artikel yang lainnya nah silakan deh dibaca-baca postignya. Oke saya lambangkan gambar sebagai berikut 

 

Oke sudah ada bayangan 

• Masuk ke Akun Blog anda
• Klik Dasboard
• Klik blog yang anda akan ubah dengan artikel berkaitan
• Klik Tata Letak
• Kemudian Klik Edit HTML
• Setelah itu, beri tanda centang pada kotak "Expand Widgets Template".
• Masukan kode-kode di bawah ini di  bawah kode <data:post.body/> 

<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>

• Perhatikan baik baik jangan anda ubah kode-tersebut kecuali anda sudah paham
• Jika ada kode <data:post.body/> 2 bagian (anda memakai sistem cara membuat  readmore di blogspot ) pilih yang pertama dan letakan di bawah kode tersebut
• Jika sudah klik Pratinjau

 

• Anda bisa mengganti teks "Artikel yang berkaitan" pada kode diatas dengan teks lain sesuai dengan keinginan anda.
• Apabila sudah yakin selesai memasang kode artikel berkaitan  klik Save Template lalu klik View Blog untuk melihat hasilnya.

 Stage Complite

Comment anda sangat berarti di sini.....