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.

Baca :  Tutorial Memasang Gambar AMP 100% Valid AMP Responsive 2019

About Erzed