Sabtu, 18 Agustus 2012

cara menyatukan beberapa widget di satu tempat dengan scroll

Salam Blogger , pada postingan kali ini saya akan membri satu tips sederhana tentang cara menyatukan beberapa widget di satu tempat dengan scroll . Cara ini dapat membuat blog anda terlihat lebih rapi , karena beberapa widget di satukan di satu tempat dengan scroll dan alhasil widget yang tadi berantakan di sidebar akan menjadi rapi . 
Berikut cara menyatukan beberapa widget di satu tempat dengan scroll langsung saja :
  • Masuk ke akun Blogger anda
  • Pada elemen Dashboard pilih Tata Letak
  • Klik tambah widget 
  • Pilih HTML/Java Script
  • Akhiri setiap kode HTML widget dengan <br > sebagai contoh penulisan , anda dapat melihat di bawah ini :
Kode widget pertama <br >
Kode widget kedua <br >
Kode widget ketiga <br >
Kode widget terakhir tidak perlu diberi tanda <br >
  • Simpan 
Tambahan : Apabila anda ingin menjadikan posisi widget rata tengah maka anda hanya perlu menambahkan kode <center> di depan kode Widget dan </center> di belakang kode widget , conntoh penulisan :
<center>kode widget pertama <br ></center>
<center>kode widget kedua <br ></center>
<center>kode widget ketiga <br ></center>
<center>kode widget terakhir tanpa tanda <br ></center>  
dan apabila anda ingin menggunakan fungsi scroll agar tampil lebih menarik anda hanya perlu menambahkan kode di bawah ini di paling atas pada widget tadi , scriptnya sebagai berikut :
<h3 class='title'>Blog Info</h3>
<div class='widget-content'>
<div style="overflow:auto;width:275px;height:120px;padding:10px;border:1px solid #eee">


catatan :  Tulisan berwarna merah dapat diganti dengan judul sesuka anda .ukuran width , height dan padding silahkan anda rubah sesuai ukuran sidebar blog anda.
untuk contoh anda dapat melihat di sidebar blog saya sendiri .

# selamat mencoba dan semoga berhasil

2 komentar:

  1. Makasih sob tutorialnya sangat membantu, ditunggu kunjungan baliknya ya sob...

    BalasHapus