Cara membuat related post pada blogger

Kali ini Saya akan berikan blogspot tutorial tentang cara membuat related post pada blogger yang beda dari yang lain. Tentunya anda semua sudah sangat mengerti apa manfaat related post pada blog anda. Ya, untuk meningkatkan pageviews blog anda saat pengunjung datang membaca artikel anda. Disini related post berguna untuk menarik pengunjung berdasarkan artikel yang mereka baca yang berkaitan dengan kategori artikel itu. Atau biasanya disebut "related post by category". Tutorial cara membuat related post pada blog kali ini memang sengaja saya buat, karena ada blogger yang me request tutorial ini. Kebetulan saya sudah mencobanya pada blog saya ini dan memakainya sampai sekarang. Script related post ini memang saya taruh tidak jauh dari footer artikel, dikarenakan pengunjung afar bisa lebih mudah melihatnya.

Baiklah, langsung saja, inilah tutorial blog, cara membuat related post pada blogger. Ikuti petunjuknya:

Step - By - Step tutorial related post:

• Login pada akun blogger anda.
• Pergi ke Tata Letak > Edit HTML.
• Bila anda takut terjadi error, template bisa anda backup lebih dahulu.
• Pastikan centang "Expand Widget Templates".Cari tag </head> pada script template anda.
• Tambahkan kode ini sebelum tag </head> tadi.

//]]>

</script>

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

• Sekarang Cari tag <data:post.body/>, bila tidak ketemu, coba <div class='post-body> ini, karena biasanya tiap template bisa berbeda.
• Setelah ketemu, tambahkan kode dibawah ini, tepat dibawah tag <data:post.body/> tadi.

<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=5&quot;' type='text/javascript'/>

</b:if>

</b:loop>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<h4>Sudah Baca Yang Ini...???</h4>

<script type='text/javascript'>

removeRelatedDuplicates();

printRelatedLabels();

</script>

</b:if>

• Selesai. Simpan Template anda.