Home / Tips Blogger / Tutorial Memasang Artikel Terkait Didalam Artikel Berdasarkan Label

Tutorial Memasang Artikel Terkait Didalam Artikel Berdasarkan Label

Tutorial Memasang Artikel Terkait Didalam Artikel Berdasarkan Label 1

Memasang artikel terkait ke dalam artikel merupakan sebuah cara yang paling ampuh untuk menarik minat pembaca tanpa harus masuk ke menu terlebih dahulu.
Cara ini memang terbukti sangat cocok buat menarik minat pembaca. ayo di baca caranya.

1. Pertama masuk ke akun Blogger>Pilih Tema>Edit HTML> terus kamu cari kode </head>
Lalu masukan kode di bawah ini di atas </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="Tutorial Memasang Artikel Terkait Didalam Artikel Berdasarkan Label" target="_blank">'+l+"</a> </li>";document.write(a)}document.write("</ul>")} //]]> </script>
 

2. Jika sudah selesai lalu simpan. selanjutnya buka artikel yang masuk di pasang artikel terkait.
3. Kalau sudah lalu pilih tab Html di dalam artikel, terus sobat semua copy kode di bawah ini ke dalam artikel.

 <div class='bacajuga'>  <h4>Baca Juga</h4> <script src="/feeds/posts/summary/-/Tekno?max-results=3&alt=json-in-script&callback=bacajuga"></script> </div>

Silakan sobat semua mengganti Tekno dengan label yang di inginkan dan results=3 sesuai ke inginan.

Selamat mencoba.

About Erzed

Check Also

Tutorial Menampilkan Foto Instagram di Blog AMP 5

Tutorial Menampilkan Foto Instagram di Blog AMP

Pasti sobat semua kerap melihat web besar menampilkan foto dari instagram ke web mereka. buat …