Posted by : ahman " creativ" Jumat, 26 Oktober 2012

Mungkin inilah tulisan pertama saya mengenai dunia tips blogging dan pada kesempatan ini saya akan menulis mengenai Cara membuat artikel terkait di blog.
Pasti sebagian diantara anda sekalian sudah mengetahui seperti apa yang disebut dengan artikel terkait atau sering disebut juga related articel.
Dan ini adalah salah satu contoh bentuk dari artikel terkait.

Untuk membuat artikel terkait,pertama-tama masuk ke menu rancangan - edit html - expand template widget lalu cari kode :

<data:post.body/></b:if>

Bila tidak ada,cari kode ini :

<data:post.body/>

Setelah kode diatas ditemukan,copy dan paste script ini dibawah kode tadi.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='albri'/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
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;albri&#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>
Setelah itu cari kode ]]></b:skin> lalu copy dan paste script dibawah ini diatas kode ]]></b:skin>.

 .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px;
background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;}
.rbbox:hover{background-color: rgb(255, 255, 255);}

 Kemudian save template dan artikel terkait sudah nangkring di blog anda.

KETERANGAN :
  •  tulisan yang berwarna merah bisa anda ganti dengan kata" anda sendiri sobat !!

Leave a Reply

Subscribe to Posts | Subscribe to Comments

TransLate

!!TRANSLATE !!
English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Translate sobat !

Cari Aja Disini Sobat !!

Loading...
Cara membuat ini

blog sobat !!!

Total Tayangan Halaman

"Ahmancreativ77.blogspot.com". Diberdayakan oleh Blogger.

recent comment

- Copyright © Berbagi Tips Dan Trik -Metrominimalist- Powered by Blogger - Designed by Johanes Djogan -