related pos otomatis dan juga responsive. Nah, kali ini saya akan menciptakan related pos atau artikel baca juga sesuai cita-cita 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 menyerupai yang kemarin yaitu:
1. Silahkan bos kuh klik Templete atau tema pada dasbor bos kuh
2. Pilih Edit HTML
3. Cari arahan </head>
4. Masukan arahan ini di atas tag </head>
Langsung saja ya bos kuh. Langkah pertama yang kita lakukan sama menyerupai yang kemarin yaitu:
1. Silahkan bos kuh klik Templete atau tema pada dasbor bos kuh
2. Pilih Edit HTML
3. Cari arahan </head>
4. Masukan arahan 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/j4vascript"> //<![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="Membuat Artikel Baca Juga Sesuai Yang Kita Inginkan" target="_blank">'+l+"</a> </li>";document.write(a)}document.write("</ul>")} //]]> </script> Nah, fungsi dari arahan di atas yakni sebagai wadah untuk menampung arahan 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. Makara jikalau bos kuh telah memastekan arahan di atas sebelum arahan </head> kini :
5. Pastekan arahan 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 menciptakan kolom baca juga secara manual. Terima kasih, supaya bermanfaat yaa bos kuh. Jangan lupa kasih tau saya lewat komentar jikalau berhasil.. hehe
*Dan angka 5 pada Result=5, silahkan bos kuh ganti dengan judul artikel yang ingin bos kuh tampilkan