Cara lain membuat Artikel Terkait Plus
Seperti Postingan saya sebelumnya yaitu Cara Membuat Artikel Plus, karena pengkodean Template berbeda-beda maka tidak menutup kemungkinan menimbulkan masalah, :@
Untuk itu sekarang saya mencoba berbagi lagi dengan kawan Cara lain Membuat Artikel Terkait Plus, karena cara ini sudah saya coba dan pakai pada Blog-blog saya yang lain selalu berhasil dengan sukses. :r
Cuma yang perlu kawan perhatikan Lebar Pos-Artikel Blog kawan Caranya :
- Masuk Account Blogger dengan ID kawan
- Pada Perancang template pilih Edit HTML
- Beri tanda check disamping Expand Template Widget
- Copas Kode berikut diatas ]]></b:skin>
.creationpost{
padding:10px;background-color: none repeat scroll 0 0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CEE3F6', endColorstr='#0B3861');background:-moz-radial-gradient(top, #CEE3F6, #0B3861);background:-webkit-gradient(linear, left top, left bottom, from(#CEE3F6), to( #0B3861)) repeat-x top left;border:0px solid #FFF;
line-height:1.6em;
}
- Copas Kode berikut dibawah ]]></b:skin> atau diatas </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>
- Selanjutnya cari Kode 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>
- Kalau sudah ketemu Hapus atau Ganti dengan Kode 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"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
- Hapus / Ganti Kode yang saya beri warna Hijau dengan Kode berikut
<div class='creationpost'>
<table> <tr><td>
<h4 style='color: rgb(38, 38, 217); font-size:14px; font-weight:normal;'> Artikel lain yang mungkin ingin kawan baca :</h4><br/>
<div style='overflow:hidden;width:300px;height:auto;padding:10px 10px 0 20px; align:justice; border:0px solid #FFF;'>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
</td><td><div style='width:145px;height:235px;border:1px solid #ddd;background:#7ca9c0;margin:2px 0;padding:5px'><a href="http://farixsantips.blogspot.com/" id="rainbow"><center><h2 style='font-size:24px; font-weight:normal;'>ADVERTISE <br/> HERE </h2><h2 style='color: rgb(255, 255, 0); font-size:18px; font-weight:normal;'> BANNER <br/> [145x235] </h2></center></a><script type="text/javascript">var rainbow=document.getElementById("rainbow");var rainbowspan=new RainbowSpan(rainbow, 0, 360, 255, 50, 18);rainbowspan.timer=window.setInterval("rainbowspan.moveRainbow()", rainbowspan.speed);</script></div>
</div>
</td></tr></table>
</div>
Teks yang saya beri warna coklat adalah lebar post Artikel, silahkan disesuaikan dengan Blog kawan dan Ganti Teks yang saya beri warna Kuning dengan Banner Iklan atau apa saja, terserah kawan.
Jangan lupa simpan template kawan
Jangan lupa simpan template kawan
Reviewer: Unknown - Itemreviewed: Cara lain membuat Artikel Terkait Plus
Description Cara lain membuat Artikel Terkait Plus » Rating: 4.5
atau seandainya ada Link yang rusak bisa disampaikan lewat Komentar
mudah-mudahan saya bisa segera memperbaiki
sungguh ada inspirasi tersendiri mas..
BalasHapus@Said Arsyad semua Artikel / postingan yang saya publish sudah dicoba, kalau ada masalah diperbaiki sambil belajar dan saya berusaha memberikan yang terbaik dan termudah :r
BalasHapusberkunjung sob..salam blogger
BalasHapussukses selalu yah..
salam
@Workshop Bisnis Online salam Blogger kembali :@
BalasHapuswah makin banyak aja nih artikel terkait nya hehehe ngomong2 sidebar nya kok ke bawah kayak nya #wrapper2 nya kurang lebar
BalasHapus@Zh!nTho ya itu disebabkan oleh Daftar isi mas [95%] seharusnya hanya tampil di Home page trims ya koreksinya
BalasHapus