AndiCang

Cara Membuat Widget Artikel Terkait Dan Ringan di blogger
1. Buka Blogger log in ke Dasbor
2. Kemudian masuk ke Menu Template
3. Pilih Edit HTML
4. Kemudian letakkan kode berikut di atas tag </head>

<!-- Artikel TerkaitAndiCang Mulai-->
<style type='text/css'>
#related-posts{float:left;width:100%;}
#related-posts h4{font:20px Oswald;color:#cc0000;text-transform:none;margin:0 0 10px;padding:0;border-bottom:2px solid #ccc}
#related-posts h4 a{font:15px Oswald;text-transform: uppercase;}
#related-posts a{font-size:13px;color:#001b2f;font:95% Oswald,Georgia,Times,Times New Roman,serif;}
#related-posts li{list-style:square;color:#cc0000;text-indent:0;line-height:1.2em;border-bottom:1px dashed #ddd;margin:0;padding:6px 0 6px 0}
#related-posts a:hover{color:#cc0000;text-decoration:none}
#related-posts ul{list-style:none;margin:0;padding-left:20px}
</style>

<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 < 6) {
document.write('<li><a href="' + relatedUrls[r] + '?madjongke.com=br">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>
<!-- Artikel TerkaitAndiCang Akhir-->

5. Jika sudah selesai , cari <data:post.body/> lalu pasang ata copy paste kode berikut di bawahnya.

<!-- Artikel TerkaitAndiCang Mulai-->
<div id='related-posts'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<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=6&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h4><i><b:if cond='data:post.labels'><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></i></h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
  </b:if></div>
<!-- Artikel TerkaitAndiCang Akhir-->

6. Terakhir Save template untuk menyimpan template.

Note: apabila script sepert ini <data:post.body/> lebih dari satu, pilihlah yang kedua atau ketiga

dan hasilnya akan seperti dibawah ini

Terima kasih anda telah membaca Tutorial atau mendownload Software di Blog ini Selamat Mencoba Semoga Bermanfaat ……………andicang.blogspot.com