Kunjungi Blog Rumah Imajinasi, disana ada berbagai info artikel, tips and trik, gadget review, dan lainnya. Terima Kasih dan maaf jika artikel masih kurang.

Memasang Widget Artikel Terkait di Blog

Saya akan membuat trik blog yang berjudul "Memasang Widget Artikel Terkait di Blog". Artikel Terkait ini memudahkan kita, saat pencarian artikel yang lain dan terkait dalam artikel tersebut





Kita langsung saja pada pembahasan artikel ini. Perhatikan trik di bawah ini:

1. Login Blogger
2. Lalu pilih Rancangan
3. Langsung ke Edit HTML
4. Jangan lupa centang Expand Template Widget
5: Cari kode di bawah ini:
<p><data:post.body/></p>
6. Kemudian paste kode berikut ini di bawah kode tadi:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<strong>.::Artikel Terkait::.</strong>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='tkjlover'/>
<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;tkjlvoer&#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>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>
7. Jika sudah, tinggal paste kode berikut di bawah kode ]]></b:skin> :
<script src='http://h1.ripway.com/tkjlover/kodescript.js' type='text/javascript'/>
8. Simpan deh dan lihat hasilnya
9. Okeh
Stumble
Delicious
Technorati
Twitter
Facebook
Reddit


Related Posts :

12 komentar:

sofilmendo said...[Reply to comment]

waw...bermanfaat ni.ijin nyoba sob.

Rumah Imajinasi said...[Reply to comment]

@sofilmendo

Okeh sob, silahkan dicoba...

PIK Remaja Al-Hikmah said...[Reply to comment]

Terimakasih tutorialnya kawan, langsung kucoba nich

Rumah Imajinasi said...[Reply to comment]

@PIK Remaja Al-Hikmah

Okeh sob...silahkan

Anak Indonesia Harapan Masa Depan said...[Reply to comment]

Ini dya Yang Kucari Cari !! Oke makasih

Rumah Imajinasi said...[Reply to comment]

@Anak Indonesia Harapan Masa Depan

Sama-sama kawan..

sofilmendo said...[Reply to comment]

sob,aq mo request don"bagaimana menampilkan status FB di blog sob???"

Rumah Imajinasi said...[Reply to comment]

@sofilmendo

Wah maaf sob, untuk menampilkan status FB di blog itu nggak ada...

Anak Indonesia Harapan Masa Depan said...[Reply to comment]

Ini dya Yang Kucari Cari !! Oke makasih

iklan gratis said...[Reply to comment]

Oke Sob...

Rumah Imajinasi said...[Reply to comment]

@iklan gratis

Iya sob...
Terima kash atas kunjungannya

Rumah Imajinasi said...[Reply to comment]

@Anak Indonesia Harapan Masa Depan

U are welcome kawan,,,

Post a Comment

 

Ritem Blog is proudly powered by Blogger.com | Template by Blog Zone