14 Agustus 2011

Cara Menyatukan Semua Widget dalam Satu Tempat dengan fungsi scroll

Kali ini saya akan berbagi blog trik yang merupakan request dari blog sahabat  yaitu www.cheyrasoftware.blogspot.com yaitu tentang Menyatukan beberapa widget dalam satu tempat. yang bagi saya cukup bermanfaat karena akan menghemat pengguanaan ruang pada template blog kita. Selain itu, blog juga akan terlihat lebih kreatif. Trik ini menggunakan jasa penambahan elemen HTML/Java Script. Sebagai contoh anda bisa melihat pada tampilan blog ini tepat dibagian STATS AND DIRECTORY.

Well, bagi kamu yang berminat untuk membuat fasilitas yang satu ini, caranya cukup mudah.

~ Langkah pertama, yang harus kamu lakukan adalah menyediakan semua kode-kode widget yang akan disimpan dalam satu tempat.

~ Langkah kedua, Masuk ke Dasbor --> Layout/Tata Letak --> Rancangan --> Elemen Laman --> tambah Gadget --> dan pilih menu HTML/Java Script

~ Langkah ketiga, pastekan kode dibawah ini kedalam konten HTML/Java Script


<div style="overflow:auto; width:300px; height:200px; padding:10px; border:1px solid #FF8C00;">
KODE WIDGET PERTAMA 
KODE WIDGET KEDUA 
KODE WIDGET KETIGA 
KODE WIDGET KEEMPAT 
KODE WIDGET KELIMA  
</div>

~ Langkah terakhir, Simpan dan lihat hasilnya.

Selamat mencoba dan semoga artikelnya bermanfaat.... :)

catatan : untuk angka 300 dan 200 silahkan disesuaikan dengan lebar dan tinggi template kamu agar terlihat rapi di blog. Sedangkan untuk tulisan yang berwarna merah untuk mengganti warna garis pinggir widget kita. Kalian bisa melihat kode warnanya disini. Untuk yang berwarna biru masukan dengan kode widget yang sudah kamu kumpulkan sebelumnya. Sedangkan banyak widget yang akan dimasukan tergantung dari kamu sendiri.

Tidak ada komentar:

Posting Komentar