Related Posts Plugin for WordPress, Blogger...

Selasa, 17 Januari 2012

Membuat Related Post pada Blog

Kali ini trik yang Pak De-I mau berikan ke Sohib semua adalah mengenai membuat cara membuat related post atau dalam bahasa kerennya Artikel terkait (kebalik ya….?), anggap aja bahasa yang paling keren itu bahasa Indonesia deh hehehehe…. Jadi “ artikel terkaitnya” yang kita sebut sebagai bahasa kerennya bukan related postnya. Apa related post itu? Related post adalah daftar judul yang muncul pada bagian bawah kolom komentar posting Sohib semua. Terus fungsinya apa..? Fungsinya untuk memberikan suguhan artikel baru kepada pembaca mengenai postingan Sohib dengan posting-posting yang lain yang mungkin dibutuhkan oleh pembaca, jadi kurang lebih begitu definisinya.
Konon menurut beberapa info yang Pak De-I baca pembuatan Related Post ini akan meningkatkan SEO bagi blog Sohib, gimana hebat kan….? Oke dehh,,,, langsung aja kita menuju TKP daripada capek ngedengerin ocehan Pak De-i. Jadi begini urut-urutan pembuatannya.. Sebelum kita mulai pastikan setiap posting Sohib sudah dikelompokkan dalam label dengan tema yang sama

Step Pertama
Pertama Masuk ke blogger dengan akun Blog Sohib, pilih rancangan  kemudian klik edit html, eeiiitttss…. Jangan lupa centang expand template widget pada kotak kecil bagian atas. Oke sudah semua kan…? Kalau sudah langkah selanjutnya Sohib cari kode </head>  untuk mempermudah pencariannya silahkan sohib pencet Ctrl+F, kalau sudah ketemu  kemudian letakkan script di bawah ini tepat di atas kode </head> tadi

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

Step kedua
Step pertama sudah beres kan…? Masih dengan cara yang sama cari kode <data:post.body/> dengan pencet Ctrl+F, kalau sudah ketemu letakkan script berikut ini di bawah 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>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Udah beres kan...? langkah selanjutnya adalah save, dan Blog Sohib sudah punya Related Post sekarang dan semoga makin SEO Friendly dan semakin bersahabat dengan eyang Google

Artikel terkait lainnya:

0 komentar:

Posting Komentar