Sebuah widget/ gidget di blog secara default mempunyai buttom border atau border bagian bawah. Ketika anda ingin memunculkan atau menyembunyikan widget hanya pada halaman tertentu saja, maka buttom border dari widget yang sudah disembunyikan akan tetap terlihat di halaman tersebut. Hal ini tentu akan membuat tampilan dari sebuah blog menjadi terlihat kurang rapi dan kurang indah. Oleh karenanya, alangkah baik jika border bagian bawah tersebut dapat kita hilangkan. Pertanyaannya adalah bagaimana cara menghapus buttom border tersebut? Ikuti terus artikel ini ya.
Gambar halaman statis blog tanpa widget, namun menampilkan buttom border dari widget yang disembunyikan..!
Cara Menghilangkan Garis Bawah Border Widget di Blog:
- Login ke blogger
- Pilih Template >> Edit HTML
- Cari kode (Ctrl + F) .main-inner .widget, Didalamnya anda akan melihat koding seperti berikut: .main-inner .widget {padding: 0 0 15px;margin: 20px 0;border-bottom: 1px solid $(widget.border.bevel.color);}
- Ubahlah tulisan bewarna merah menjadi 0px seperti berikut ini:.main-inner .widget {padding: 0 0 15px;margin: 20px 0;border-bottom: 0px solid $(widget.border.bevel.color);}
- Terakhir, jangan lupa save template!
Selesai, blog anda sekarang akan terbebas dari buttom border dan tentunya akan menjadi lebih indah! Sekian dulu tutorial dari saya, semoga bermanfaat ya buat teman-teman semua!