15 Agt 2011

Cara membuat artikel terkait pada blog

Sekedar informasi >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
artikel Terkait adalah posting atau artikel yang berhubungan dengan artikel lainnya berdasarkan atas kesamaan nama kategori atau label postingan di blog sobat blogger..
oke langsung ke cara membuatnya aja ya..

* Sign ke Blogger Sobat.

* Pilih Tata Letak, Edit HTML.

* Back Up dulu template Sobat untuk menjaga jika terjadi kegagalan.

* Kasih tanda centang pada kotak Expand Widgets Template.

* Cari kode <data:post.body/>

* Copy kode dibawah ini dan paste kan tepat dibawah <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</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>
* Ubahlah kata Related Posts by Categories dengan kalimat yang Sobat inginkan, misalnya : Postingan Terkait Lainnya, Artikel Terkait, Mungkin ini yang Anda Cari atau apa saja sesuai dengan keinginan dan seleara sobat.

* Ubahlah angka-angka pada yang dicetak Merah lainnya untuk pengaturan jumlah judul postingan yang ingin ditampilkan.

* Klik Tombol Simpan Template

* Selesai...Lihat Hasilnya.
Selamat mencoba dan semoga berhasil

2 komentar:

  1. makasih infonya gan...ijin copas ya...buat blog ane nih, eh iya ini bisa buat WP gak ya?
    http://mengukirlangkah.wordpress.com/

    BalasHapus
  2. silakan aja mas,,kalau ga keberatan kasi link sumber'y ya,,hmmm kaya'y ga bisa buat WP mas,,soalnya Wp kan berekstensi jenis PHP sedangkan Blogger ekstensi'y HTML,,,maksih udah berkunjung,,

    BalasHapus

Silakan ketik sepatah dua patah kata jika anda menyukai tulisan ini, semoga bermanfaat

saya akan menerima apapun kritik dan saran dari anda demi kemajuan blog ini.