Membuat Related Post di Blogspot blogger

Membuat Related Post simple dan tanpa thubmnail / gambar jadi sangat simple dan tidak memakan banyak banwidth, (mempercepat loading) Membuat Related Post ini sangat sederhana seperti yang aku terapkan di blog ini, sangat gampang penempatan code dan sedikit ja script Membuat Related Post di Blogspot blogger.

Aku sangat suka dengan yang simple dan mudah tidak terlalau banyak gambar, seperti halnya Membuat Related Post yang akan aku garis besari di blog sederhanaku ini. ini hany atulisan sebagai pengingat atau sebagai memoriku sendiri, bila sewaktu - waktu aku lupa bisa langsung membuka Membuat Related Post di Blogspot blogger.

Langsung Saja LOGIN Akun Blogger->Design->edit html lalu cari code </head>
Copy paste code ini di atas code </head>

<!--Related Posts Start-->
<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhswBfreuVhlXLDkQamnMs7Wz9Ml08aSTX1-RK3QKb2wb7Ab31mHcIfb3v2WEfDAninoswC5SHYRHX6p7zHtLi8okOxxEz94VoXsJxgoaklBCzdmzqheyy5Bss7czLesjYql2ckjMhvLDeg/s1600/rss.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </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<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+"</a></li>");if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write("</ul>");document.write('<b><a rel="dofollow" href="http://download-mobile-apps.blogspot.com/">Mobile Apps</a> download-mobile-apps (Experiment)</b></font>')};
//]]></script>
<!--Related Posts End-->

Yang berwarna merah bisa di ganti dengan variasi kesukaan kita untuk mempercantik Membuat Related Post di Blogspot blogger.
Lalu click Expand Widget Templates lalu cari code <data:post.body/> Paste code berikurt setelah <data:post.body/>

<!--Related Posts Scripts1 Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
<!--Related Posts Scripts1 Start-->

Simpan Template Lalu cek / lihat hasilnya Membuat Related Post di Blogspot blogger

 SELAMAT BERKREASI ATAU DI KEMBANGKAN LAGI

Membuat Related Post di Blogspot blogger