Senin, 23 Juli 2012

Cara Mengatur Ukuran Lebar 'Widget' Template Blogger

Cara Singkat,Cepat dan Efektif Mengatur Ukuran Lebar 'Konten Utama / Postingan' Blogger Template

Jika sobat menginginkan ukuran template dapat sobat utak-atik sendiri dengan cara singkat,tak ada salahnya sobat coba trik berikut ini.

Betul gan,sesuai dengan titlenya,mengubah / mengganti / mengarur ukuran lebar template blogger untuk 'widget'.
Main widget,ya ini akan merubah widget yang sobat miliki.Lihat screenshot template berikut ini:

mengatur mengubah mengganti ukuran lebar template blogger.
Lihat gambar dalam ukuran besar

Gambar diatas adalah salah satu contoh dari template yang menggunakan 'blogger template satu kolom'.
Lalu apa hubungannya,ya,jika sobat memiliki template satu kolom,nanti bisa langsung sobat lihat dengan jelas efek dari trik yang akan kita coba nanti.

Namun jika blogger template yang sobat gunakan bukan 'satu kolom' kemungkinan trik ini hanya akan mengatur ukuran lebar area widget.

Caranya sangat mudah,Pertama, masuk ke akun Blogger sobat, buka tab Edit HTML dan contreng tulisan "Expand Widget Templates"

mengatur lebar template.


merubah template lebar blogger.


cara membuat blogger template lebar.


Selanjutnya cari kode :

body { (gunakan CTRL+F untuk mempermudah pencarian)

Biasanya akan tampak seperti ini:

mengubah lebar template blogspot.
Lihat gambar dalam ukuran besar


Nah,jika sobat sudah ketemukan tepat diATASnya letakkan kode berikut ini:

.widget {
padding-bottom:30px;
margin-left:70px;
margin-right:70px;
padding-top:0px;
}


Sehingga akan tampak seperti gambar ini:


Lihat gambar dalam ukuran besar


Nah,angka dalam kode yang berwarna merah diatas,gantilah sesuai dengan keinginan,semakin besar nilainya,maka widget akan semakin menyusut kedalam alias menyempit.

Simpan template dan lihat hasilnya.Selamat berkreasi ya gan!

Tidak ada komentar:

Posting Komentar