26 June 2016

Cara Membuat Related Post di Bawah Postingan dengan Mudah

Cara Membuat Related Post di Bawah Postingan sangat mudah sekali. Langsung saja

1. Bukalah akun blogger anda seperti yang pernah anda lakukan selama ini.
2. Pilihlah Menu Template. Lalu Pilit Edit HTML.
3. Carilah kode </head> (Gunakan Ctrl+F untuk mempermudah pencarian), setelah anda menemukannya, letakkanlah kode javascript di bawah ini (copy) persis di atas kode </head> tadi (pastekan)


<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px 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; } </style> 
&lt;script&gt;var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i&lt;json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#039;alternate&#039;){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&lt;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&lt;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(&#039;&lt;ul&gt;&#039;);while(i&lt;relatedTitles.length&amp;&amp;i&lt;20){document.write(&#039;&lt;li&gt;&lt;a href=&quot;&#039;+ relatedUrls[r]+&#039;&quot;&gt;&#039;+ relatedTitles[r]+&#039;&lt;/a&gt;&lt;/li&gt;&#039;);if(r&lt;relatedTitles.length- 1){r++;}else{r=0;}
i++;}document.write(&#039;&lt;/ul&gt;&#039;);} &lt;/script&gt;

4. Apabila sudah dilakukan, selanjutnya cari lagi kode berikut : <data:post.body/>, Sudah ketemu belum kode itu, kalau sudah ketemu dan ada banyak lebih baik gunakan yang paling bawah, letakkan lagi kode di bawah ini (copy) tepat di bawah kode <data:post.body/> (pastekan)

<br/><br/><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>

5. Setelah selesai, lalu simpan template blog anda.
6. Lihat hasilnya seperti apa. Kalau mau bukti, silahkan lihat ke bawah artikel ini.

Demikian tutorial mengenai Cara Membuat Related Post di Bawah Postingan kali ini. Selamat mencoba.
Share:

0 komentar:

Post a Comment

Blog Archive