Hay bos kuh, kita berjumpa lagi di Programmer SEO. Jika kemarin saya membahas tutorial tentang cara menambahkan related pos otomatis dan juga responsive. Nah, kali ini saya akan membuat related pos atau artikel baca juga sesuai keinginan kita atau secara manual di tengah postingan. Ini sangat di rekomendasikan untuk bos kuh.Langsung saja ya bos kuh. Langkah pertama yang kita lakukan sama seperti yang kemarin yaitu:
1. Silahkan bos kuh klik Templete atau tema pada dasbor bos kuh
2. Pilih Edit HTML
3. Cari kode </head>
4. Masukan kode ini di atas tag </head>
<style type="text/css">
/*Artikel Terkait*/
.bacajuga{position:relative;display:inline-block;border:1px solid #DDD;margin:20px 0}
.bacajuga h4{background-color:#FFF;position:absolute;margin-left:30px;margin-top:-14px;padding:0 15px;border:1px solid #DDD}
.bacajuga ul{padding:11px 41px 0;list-style:none}
.bacajuga ul a:before{font-family:fontawesome;content:"\f105";padding-right:10px}
.bacajuga li{border-radius:5px;border-bottom:1px solid rgba(227,227,227,0.33);line-height:1.7em}
</style>
<script type="text/javascript">
//<![CDATA[
function bacajuga(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="'"+e.feed.entry[t].link[r].href+"'",l=e.feed.entry[t].title.$t,a="<li><a href="+n+'" title="'+l+'" target="_blank">'+l+"</a> </li>";document.write(a)}document.write("</ul>")}
//]]>
</script> Nah, fungsi dari kode di atas yaitu sebagai wadah untuk menampung kode selanjutnya. Karena kalau gak pake wadah, bisa-bisa barahe ke mana-mana. Apa itu barahe ? Bahasa apa tuh Barahe ? Itu bahasa India, eh bahasa Sunda yang artinya tumpah.
Lah, ko pembahasannya jadi kemana-mana.. hehe. Oke, kita kembali ke alur cerita. Jadi jika bos kuh telah memastekan kode di atas sebelum kode </head> sekarang :
5. Pastekan kode di bawah ini pada tiap postingan yang ingin bos kuh inginkan ada artikel terkait di sana.
.
<div class='bacajuga'>
<h4>Baca Juga</h4>
<script src="/feeds/posts/summary/-/Tutorial?max-results=5&alt=json-in-script&callback=bacajuga"></script>
</div> *Silahkan bos kuh ganti kata Tutorial dengan label yang ada di blog bos kuhItulah tutorial singkat cara membuat kolom baca juga secara manual. Terima kasih, semoga bermanfaat yaa bos kuh. Jangan lupa kasih tau saya lewat komentar jika berhasil.. hehe
*Dan angka 5 pada Result=5, silahkan bos kuh ganti dengan judul artikel yang ingin bos kuh tampilkan
EmoticonEmoticon