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 >
Kode widget kedua <br >
Kode widget ketiga <br >
Kode widget terakhir tidak perlu diberi tanda <br >
- Simpan
<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 :
<center>kode widget kedua <br ></center>
<center>kode widget ketiga <br ></center>
<center>kode widget terakhir tanpa tanda <br ></center>
<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 .<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.
# selamat mencoba dan semoga berhasil
Makasih sob tutorialnya sangat membantu, ditunggu kunjungan baliknya ya sob...
BalasHapussama-sama sob
Hapus