19 Jan 2013

Mengatur jarak antar widget sidebar blogger standar

Widget berguna untuk melengkapi blog, tanpa adanya widget blog menjadi terasa hambar. Meskipun demikian harus berhati-hati dalam menambahkan widget karena terlalu banyak widget, dapat mengakibatkan blog menjadi berat saat dibuka.

Alangkah baiknya dalam menambahkan widget, cari yang terpenting saja, misalnya Artikel Populer, Recent Post, dan Artikel terkait. Biasanya widget yang berasal dari pihak ketiga (selain bawaan Blogger) akan membebani blog, contohnya widget pengunjung blog yang disertai animasi meskipun bagus dipandang namun sangat membawa kontribusi besar dalam memperlambat loading blog.

Pemasangan widget juga harus diatur tata letaknya. Jika anda masih memakai template blogger standar bawaan Blogger alias belum dimodifikasi, jika ditambahkan widget pada sidebar akan terdapat ruang kosong alias jarak yang kurang rapat. Tentu hal ini akan menjadi pemandangan yang kurang menarik karena antar gadget atau widget saling berjauhan.

Sebenarnya hal tersebut bisa diatasi dengan menambahkan baris kode CSS, tapi permasalahannya kode css mana yang harus ditambahkan.? Saya masih ingat pernyataan seorang teman yang mengatakan bahwa sekecil apapun suatu permasalahan apabila belum tahu caranya akan terasa rumit. Untuk itu di kesempatan ini saya ingin berbagi tentang bagaimana cara mengatur jarak antar widget dengan css.

Yang perlu anda lakukan adalah menambahkan baris kode berikut ini :
.main-inner .widget {margin: 10px 0px;}
Letakkan kode tersebut di atas kode ]]></b:skin>
lalu simpan/save.

Lihat perbedaan kedua gambar di bawah ini:
mengatur jarak antar widget sidebar

Selamat mengatur jarak antar widget, semoga blog anda jadi lebih teratur.

8 komentar:

  1. Terima Kasih sudah berbagi Gan,,

    saya Akan Coba Praktekan!!

    Dan Salam Kenal

    My Blog http://mutingpost.blogspot.com

    BalasHapus
  2. mantp gan, saya akan coba..

    BalasHapus
  3. terima kasih banyak infonya mas.

    BalasHapus
  4. Lama tidak Berjumpa Brother. B-)
    Sepertinya Brother gak ingat saya lagi ya.. Hehehe...
    Salam dari GoogleAdsense. B-)


    GoogleAdsense.Blogspot.com


    .

    BalasHapus
  5. kok gak bisa ya gan, mungkin ada cara yang lain. mohon bantuannya.

    BalasHapus
  6. Thanks buddy on science that has been given, may be more useful knowledge.

    BalasHapus