Cara Menambahkan Widget Artikel Khusus Di Blog
Seperti biasa, kali ini saya akan sedikit berbagi tips seputar dunia Blogger, jika kamu melihat halaman Home di Blog ini, kamu bisa melihat sebuah Widget bernama On Going!, sebuah widget berisi artikel yang akan terus saya update, sehingga memudahkan pembaca untuk mengaksesnya ketika artikelnya tertutup oleh artikel yang lain.
Nah jika kamu ingin menambahkan widget serupa, berikut adalah langkah yang perlu kamu lakukan dalam pemasangan Widget tersebut. Namun sebelumnya saya ucapkan terima kasih kepada jagoankode.blogspot.com karena telah berbagi source code yang bagus banget.
Masukan CSS Kedalam Tema
Pertama kamu masuk ke Tema > Edit HTML, dan masukan kode berikut, tepat diatas kode ]]></b:skin>.
#jagoankodearticles ul li:nth-child(1) {border-top-width: 1px!important;}#jagoankodearticles ul li {background: #fff;margin: 0 auto!important;padding: 8px 10px !important;list-style: none;position: relative;border: 1px solid #d6dee4;border-top-width: 0;border-left-width: 4px;border-left-color: #204a84;font-size: 92%;text-align: left!important;}
Jika sudah selesai, kamu simpan tema tersebut, dan lakukan langkah berikutnya.
Tambahkan Kode HTML ke Widget
Selanjutnya, kamu masuk ke Tata Letak, dan pilih Tambahkan Gadget > Tambahkan HTML/Javascript, dan masukan kode berikut:
<div id="jagoankodearticles" class="jagoankodearticles"><ul id="jagoankode-post"><li class="jagoankode-posts"><a href="https://www.blogsayugi.com/2019/03/pengalaman-belanja-di-aliexpress-on.html" title="Pengalaman Belanja di Aliexpress" target="_blank">Pengalaman Belanja di Aliexpress</a></li></ul></div>
Catatan, kamu hanya perlu mengganti text yang berwarna hijau, dan dan link pada href="" lalu disesuaikan dengan artikel kamu, dan jika kamu ingin menambahkan banyak artikel, tepat disebelah </li> bagian akhir kamu masukan kembali <li class="jagoankode-post"> ---- sampai ---- </li> kembali.
Setelah selesai, kamu bisa simpan dan silahkan atur mau diletakan dimana, sesuai dengan keinginan kamu, jangan lupa juga simpan setelah, dan silahkan reload kembali halaman blog kamu, apakah sudah muncul, jika sudah muncul berarti berhasil...
Thats it, simpel dan mudah sekali. silahkan berikan pertanyaan dan pendapatmu dikolom komentar dibawah.
Sumber Kode : jagoankode
Post a Comment for "Cara Menambahkan Widget Artikel Khusus Di Blog"