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 != &quot;true&quot;'>,</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 != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;
max-results=10&quot;' 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


Description: Cara lain membuat Artikel Terkait Plus - Rating: 4.5

Reviewer: Putu BlogBego - Itemreviewed: Cara lain membuat Artikel Terkait Plus


Kawan sedang berada pada Artikel
» Cara lain membuat Artikel Terkait Plus
di Blog ini dibolehkan COPY-PASTE untuk disebar-luaskan
asal kawan menyertakan Link / Sumber Artikelnya

Artikel Menarik Lainnya :


Comments
9 Comments

9 komentar pada : “Cara lain membuat Artikel Terkait Plus”


  1. sungguh ada inspirasi tersendiri mas..

    ReplyDelete
  2. @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

    ReplyDelete
  3. berkunjung sob..salam blogger
    sukses selalu yah..
    salam

    ReplyDelete
  4. wah makin banyak aja nih artikel terkait nya hehehe ngomong2 sidebar nya kok ke bawah kayak nya #wrapper2 nya kurang lebar

    ReplyDelete
  5. @Zh!nTho ya itu disebabkan oleh Daftar isi mas [95%] seharusnya hanya tampil di Home page trims ya koreksinya

    ReplyDelete
  6. waaah keren.. tahnks infonya KK...

    ReplyDelete
  7. makasih infonya mas :r
    ijin nyobain artikel terkaitnya

    ReplyDelete
KOMENTAR MENCERMINKAN KEPRIBADIAN KAWAN BLOGGER
EKSPRESIKAN KOMENTAR DENGAN EMOTICON :

:a :b :c :d :e :f :g :h :i :j :k :l :m
:n :o :p :q :r :s :t :u :v :w :x :y :z