Cara Membuat kotak Link Tengah Postingan Blogger AMP | Seperti sudah maklum bahwa Blogger yang menggunakan template AMP HTML sampai saat ini belum bisa meletakkan related post / artikel terkait ditengah postingan seperti blog saya ini.
Kemudian saya punya inisiatif untuk membuatnya secara manual disetiap postingan, sebuah kotak link postingan lama yang ingin disematkan di postingan baru dengan desain seperti related post pada umumnya. (lihat gambar diatas)
Ingin tahu seperti apa dan bagaimana? simak yang berikut ini;
1. Copy paste kode css ini di bagian <style> HTML blog anda:
.baca:before{content:"Menarik Juga:";background:#1a237e;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:600;display:block;margin:-5px -10px;padding:0 10px;}.baca{font-size:16px;border:1px solid #1a237e;padding:5px 10px;text-align:left;}.baca ul{margin:10px 0;padding:0 15px;}anda bisa mengganti yang ditandai kuning.
2. Kemudian paste kode dibawah ini di postingan di mode HTML secara manual:
<div class="baca">
<ul>
<li><a href="LINK" target="_blank" title="Judul">Judul</a></li>
<li><a href="LINK" target="_blank" title="Judul">Judul</a></li>
<li><a href="LINK" target="_blank" title="Judul">Judul</a></li>
</ul>
</div>Silahkan ganti LINK dengan URL postingan, dan Judul dengan judul postingan
Demikian dari kami tentang Cara Membuat kotak Link Tengah Postingan Blogger AMP, semoga bisa memberikan manfaat untuk para blogger di Indonesia. Amin...
