Terkesima

Tampilkan postingan dengan label lainnya. Tampilkan semua postingan

Kamis, 07 November 2013

Cara membuat Artikel Terkait Lainnya

Seperti postingan saya sebelumnya yaitu Cara membuat Artikel Terkait di bawah postingan, sekarangpun :y; saya akan mencoba berbagi lagi dengan kawan cara membuat Artikel terkait dengan model lain yang keberadaannya bisa dibawah postingan atau di sidebar Blog. :x;

OK langsung saja cara pembuatannya sebagai berikut :

Seperti biasa masuk ke account Blogger dengan ID kawan
Pada Dasbor - pilih Template - Edit HTML - Lanjutkan
Sebaiknya simpan template kawan dulu
Beri tanda centang disamping Expand Template Widget
Copas kode berikut dibawah ]]></b:skin> atau diatas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == alternate) {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write(<ul>);
while (i < relatedTitles.length && i < 10) {
document.write(<li><a href=" + relatedUrls[r] + "> + relatedTitles[r] + </a></li>);
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write(</ul>);
}
//]]>
</script>

while (i < relatedTitles.length && i < 10) { menunjukkan jumlah Artikel Terkait yang ditampilkan
Selanjutnya cari Kode yang mirip seperti berikut :

<b:if cond=data:post.labels>
<data:postLabelsLabel/>
<b:loop values=data:post.labels var=label>
<a expr:href=data:label.url rel=tag><data:label.name/></a><b:if cond=data:label.isLast != "true">,</b:if>
</b:loop>
</b:if>

Hapus / ganti dengan script berikut :

<b:if cond=data:post.labels><data:postLabelsLabel/>
<b:loop values=data:post.labels var=label>
<a expr:href=data:label.url rel=tag><data:label.name/></a><b:if cond=data:label.isLast != "true">,</b:if>
<b:if cond=data:blog.pageType == "item">
<script expr:src="/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&
max-results=10" type=text/javascript/>
</b:if>
</b:loop>
</b:if>
<b:if cond=data:blog.pageType == "item">
<h2>Artikel Terkait</h2>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Catatan :

Artikel Terkait adalah judulnya silahkan ganti sesuai dengan selera kawan
Simpan template kawan
Kalau kawan ingin menampilkan di Sidebar silahkan lanjutkan membaca

Cara Pemasangan di Sidebar :

Pada Dasbor pilih Tata Letak - Tambah Gadget - HTML/JavaScript
Copas Script berikut kedalamnya

<script type="text/javascript">

removeRelatedDuplicates();
printRelatedLabels();
</script>

Simpan Template dan buka salah satu postingan kawan untuk lihat hasilnya

screenshot

ReadFull Article ..