Cara Mengatur Jarak Antar Widget | Blogger Tutorial

Sudah lama sekali saya mencari cara untuk masalah yang satu ini. Jarak antar widget bisa menjadi masalah untuk penampilan blog. Efisiensi halaman pun menjadi tuntutan. Jarak antar widget yang terlalu jauh membuat tampilan tidak in pack. Seperti terlalu berpencar. Beruntung, dengan niat yang baik untuk perubahan yang lebih baik (kayak caleg aja ya, hehehe...), akhirnya saya menemukan cara ini, dan masalah pun terselesaikan. Bagaimana caranya? Yuk kita simak aja penjelasannya.

Seperti yang bisa teman-teman lihat pada gambar di atar, yang saya kasih lingkaran itu lah yang saya maksud kan. Pada contoh di atas telah saya atur jaraknya menjadi 10 px. Berikut langkah-langkahnya:

1. Silahkan Login ke Blogger.
2. Klik pada blog teman-teman.
3. Kemudian klik Template.
4. Klik Edit HTML.
5. Cari kode html ]]></b:skin>. Untuk Lebih cepatnya, teman-teman dapat menggunakan fungsi Ctrl + F. 
6. Pastekan kode berikut ini tepat di atas kode tersebut. 
   .main-inner .widget { margin: 10px 0px; }
7. Untuk mengatur jarak yang diinginkan, teman-teman cukup mengganti anka 10 tersebut menjadi yang teman-teman inginkan. Semakin kecil angkanya, semakin kecil pula jaraknya.
8. Teman-teman dapat klik Preview apabila ingin melihat dulu hasilnya, atau klik Save Template untuk menyimpannya.
9. Selesai.

Gampang banget kan caranya? Nah, semoga tutorial kali ini dapat bermanfaat untuk teman-teman. Kalo ada yang ingin ditanyakan, silahkan sampaikan melalui kolom komentar yang ada di bawah.

Selamat mencoba dan jangan lupa komentarnya ya (^_^)

Related Posts: