Cara menambahkan Artikel terkait dibawah postingan pada Blogger

Garis Masuk - Artikel terkait adalah Sebuah Elemen pada blogger yang berfungsi untuk menampilkan Beberapa Judul Artikel lain yang masih berkaitan dengan artikel yang sedang dibaca oleh pengunjung saat itu. Artikel terkait juga berguna untuk meningkatkan PageView pada Blog kita. Nah pada tutorial kali ini, saya akan berbagi kepada sobat,  cara membuat artikel terkait dibawah postingan blog, Buat sobat yang berminat, silahkan simak ya, Berikut caranya :

1. Login Ke Dashboard Blogger sobat.
2. Masuk Menu Template
3. Pilih Edit Html
4. Silahkan cari kode </Head>
5. Silahkan Letakkan Kode berikut tepat di atas Kode </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 < 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>');}
//]]>
</script

      6. Kemudian cari kode berikut  <data:post.body/>,
      7. Jika sudah ketemu, silahkan letakkan kode berikut tepat dibawah kode <data:post.body/>,

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Related Post</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();</script>
</b:if>

Langkah terakhir silahkan Simpan template sobat, dan lihat hasilnya. sobat akan melihat Elemen Related post dibawah postingan blog sobat.

demikian sedikit tips dari saya, semoga bermanfaat dan terima kasih ,jika ada yang kurang di mengerti silahkan sobat tinggalkan komentar dibawah ini. - See more at: http://garismasuk.blogspot.com/2013/07/cara-menembahkan-tombol-share-di-blogger.html#sthash.rFFHZTtg.dpuf

Demikian sedikit tutorial dari saya, semoga bermanfaat dan terima kasih ,jika ada yang kurang di mengerti silahkan sobat tinggalkan komentar dibawah ini.

demikian sedikit tips dari saya, semoga bermanfaat dan terima kasih ,jika ada yang kurang di mengerti silahkan sobat tinggalkan komentar dibawah ini. - See more at: http://garismasuk.blogspot.com/2013/07/cara-menembahkan-tombol-share-di-blogger.html#sthash.rFFHZTtg.dpuf

Tweet