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

Ayo Berlangganan Artikel Terbaru Biar Gak Kudet:

0 Response to "Cara Menambahkan Widget Artikel Khusus Di Blog"

Post a Comment

Contact Form

Name

Email *

Message *

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel