Sabtu, 02 Juli 2011

Cara membuat kotak scrollbar di blog



Faat mungkin juga baru belajar ngeblog, jadi apa yang sudah faat tahu akan faat posting juga, disamping buat pengingat mungkin biar kalo otak-atik blog gk usah cari tutorial di rumah tangge wkwkwkwkwkkw ...tapi jika sobat belum tahu juga, ni faat cuma mau share aja tentang cara membuat kotak scrollbar pada blog.
Untuk membuat kotak ini caranya sangat mudah: pahami ya sob...

1. Buka Blogger.
2. Klik menu Layout -> Page Elements
3. Klik Add a Gadget.
4. Lalu klik tombol + pada HTML/Javascript
5. Masukkan kode yang dibawah ini:

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">tulisan anda disini</div>


ika Anda ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan teks yang ingin Anda tampilkan.

Sebagai contoh, saya memasukkan:

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog</div>

Maka hasilnya akan seperti ini:

Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog


Jika Anda ingin menambahan gambar kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan <img src="alamat url gambar Anda" />

Sebagai contoh saya memasukkan:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src="http://i415.photobucket.com/albums/pp237/jupmerput/honden5.gif" /></div>

maka hasilnya akan seperti ini:


selamat mencoba! sob.... n jangn lpa komentar ya...... aku tunggu selalu komentarnya,,,,, n tunggu postingan berikutnya....by faat

0 komentar:

Posting Komentar

Silahkan Berkomentar di sini,, karena komentar anda adalah motivasi buat saya dan blog saya, sebelumnya terimaksih sudah mau berkunjung di FaatLive Thanks By Faat

AYO IKUTI KAMI DISINI

Related Posts Plugin for WordPress, Blogger...
Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Imam Syafaat | Bloggerized by FaatLive Blogz - Berita Spesial Dan Info Terbaru | Cerita Sejarah Naruto dan Perjalananya