| menggabungkan widget |
Cara Menggabungkan Widget Dalam Satu Box - Widget Pagerank, Widget Sitemeter dan masih banyak lagi. Anda ingin Memasang banyak widget tetapi takut sidebar jadi penuh ? jangan panik disini solusinya, dijamin tidak nyesel.
Dalam trik Cara Menggabungkan Widget Dalam Satu Box ini, kita bisa menambahkan Scroll, Sehingga tidak banyak tempat yang di pakai di blog anda.
Media yang akan kita gunakan sebagai Cara Menggabungkan Widget Dalam Satu Box adalah HTML/Javascript. Oke langsung saja berikut ini langkah langkahnya.
Cara Menggabungkan Widget Dalam Satu Box :
1. Login ke Blogger anda terlebih dahulu
2. Buka Tata Letak
3. Pilih Tambah Gadget
4. Klik HTML/Java Script
Susunanya dibentuk seperti ini :
Kode Widget pertama<br >Kode Widget Kedua<br >Kode Widget Ketiga<br >Kode Widget Keempat
Jadi anda hanya perlu menambahkan <br > pada akhir kode wiget, dan kode widget yang terakhir (Kode Widget Keempat) tidak perlu ditambahakan <br >.
Jika ingin diteruskan sampai 100 widget pun bisa, asal tetap mengikuti aturan Cara Menggabungkan Widget Dalam Satu Box seperti diatas. Dan kalau anda ingin widgetnya terlihat rapih, tinggal tambahin saja <center> ditengah-tengah widgetnya ,
contoh :
Kode widget pertama<br ><center>Kode Widget Kedua<br ><center>kode widget ketiga
Dan kalau ingin ditamabahin Panel Scroll seperti gambar diatas, kamu hanya perlu menambahkan kode ini di awal HTML/Javascript.
<h3 class='title'>Blog Info</h3>
<div class='widget-content'>
<div style="overflow:auto;width:275px;height:120px;padding:10px;border:1px solid #eee">
Contoh :
<h3 class='title'>Blog Info</h3>
<div class='widget-content'>
<div style="overflow:auto;width:275px;height:120px;padding:10px;border:1px solid #eee">Kode widget pertama<br ><center>kode widget kedua<br ><center>kode ketiga<br ><center>kode keempat
*padding, width, height dapat kamu ganti sesuai kebutuhanmu.
Bagaimana, mudah bukan ? Cara Menggabungkan Widget Dalam Satu Box
Demikian Posting dari saya, Selamat Mencoba. Sering – sering mampir kesini ya dan jangan lupa Follow Blog saya. ^_^Terima Kasih, Kurang lebihnya saya mohon maaf.
Baca juga ini : Cara Membuat Widget Berdampingan




0 comments:
Poskan Komentar
Untuk menyisipkan kode, gunakan tag <i rel="pre">KODE ANDA DI SINI...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA DI SINI...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>
Khusus untuk membalas komentar disarankan menggunakan tombol balas di samping komentar terkait dibandingkan menggunakan formulir komentar di bawah agar komunikasi lebih terstruktur. Karena mungkin, apa yang Anda tanyakan/katakan saat ini akan sangat bermanfaat bagi pembaca lain. Sebelum menyisipkan kode silahkan gunakan tool konversi kode terlebih dahulu untuk menampilkan kode tersebut pada kolom komentar
NB :
Mohon untuk tidak membuang Link aktif karena akan terhapus secara otomatis !
Konversi Kode di Sini!