Kamis, April 02, 2009

tambah Widget/Gadget Di Bagian Bawah Blog

Bagi anda yang belum puas dengan gadget/widget yang ada pada template blog yang sekarang anda pakai, mungkin ingin tambah lagi widgetnya, duh... full widget, saya akan memberikan tips bagaimana menambah widget dibagian bawah menjadi beberapa bagian, misal 3 atau 4 bagian. Contohnya bisa kamu lihat di blog ini dibagian paling bawah. Tujuannya, agar penyimpanan widget di blog kamu tidak menghabiskan tempat. bagaimana caranya ....? Langsung aja, nih caranya:

* login dahulu ke blogger atau ke blog anda
* terus pilih lay out / Tata Letak> Edit HTML.
* boleh kasih tanda centang pada kotak "Expand Widget Template", tidak pun gak apa-apa.

Tambahkan kode berikut dibawah ini, persis di atas kode ]]> :

/* bottom
---------------------------- */

#bottom {
width: 660px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:#BDBABD;
padding: 15px 0 15px 0;
}

#bottom h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 24px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}

#bottom ul {
padding: 0;
margin: 0;
}

#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}

#bottom ul li a {
display: block;
padding: 0 10px;
color:#0701FD;
text-decoration: none;

}
#bottom ul li a:hover {
background: #B1ACB1;
}

#left-bottom { /* yang ini nih kode kolom kiri */
width: 205px;
float: left;
padding-left:10px;
}

#center-bottom { /* kalo yg ini kode kolom tengah */
width: 205px;
float: left;
padding-left:10px;
}

#right-bottom { /* kalo yg ini kode kolom kanan */
width: 205px;
float: left;
padding: 0 5px 0 10px;
}


Lalu cari kode yang seperti dibawah ini (bagian body yaitu pada bagian bawah kode template) :




Copy-paste kan kode berikut dibawah ini di atas kode yang tsb diatas :












Setelah itu klik tombol Simpan Template dan selesai!!!

Nb :

Kamu bisa merubah width-nya sesuai yang kamu inginkan, misalnya width keseluruhannya kamu ganti dari 660px menjadi 900px lihat pada bagian body di bagian atas ada outer-wrapper ada width sekian-sekian, misal ada 660, 840, 900. nah nanti tambahan widget diatas width nya sesuaikan dengan width outer wrapper template yang anda pakai, agar setiap bagian widget yang ditambahkan seimbang. kalau you mau seimbang, boleh dibeda-bedakan width nya, terserah lah, gimana anda sendiri.... Selamat Bereksperimen ya.

eh... contoh diatas untuk menambah 3 widget, kalau mau lebih, nambah nya 4,5,atau lebih, utak atik sendiri lah ...! ngantuk ....!

sumber : e-zars.co.cc/ dengan modifikasi

Artikel Terkait



0 komentar:

Posting Komentar

 

Enter your email address:

Delivered by FeedBurner

esadinesa.blogspot.com

Pengikut