Google Translator

English French German Spain Italian Dutch Russian Brazil Japanese Korean Arabic Chinese Simplified

Cara Membuat Kotak Scrollbar Pada Blogger

Untuk membuat kotak ini caranya sangat mudah:

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;">Tambahkan teks atau kode script disini</div>


Jika 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://www.Alamat url gambar Anda.com" /></div>


Maka hasilnya akan seperti ini:



6. Kalau sudah. Klik Save lalu klik View Blog untuk melihat hasil tampilannya

Selamat Mencoba..!!

21 komentar:

freetemauntukhp mengatakan...

Thanks atas informasinya

rikky mengatakan...

mampir ke blog wa thank

TAMAN-MERDEKA mengatakan...

Nice info, coz q mau buat scrollbar buat gambar-wallpaper.Thanx..

Muhammad Chandra mengatakan...

dah aku coba sob. .
keren. .
mampir balik ya sob. .
dan jgn lupa follow back

Dian E.R Sutopo mengatakan...

Thank banget bro, bookmark dulu, buat PR besok :)

dearyani mengatakan...

MAKASIH BOS,EMANG KEREN2 BNGET,,,

buwel mengatakan...

weih makasih banget neh tipsnya...

ا شين mengatakan...

mantab sob.. lanjutkan

otto maggot mengatakan...

nice inpoh

ToPu mengatakan...

Sepertinya yang seperti itu sangat standar sekali, jadi terlintas ingin membuat yang lebih interaktif nih....

media sharing mengatakan...

Siip....

Rider System mengatakan...

thanks atas infonya, bro...
aq pasang banner kamu, harap link balik :)

Teras Info mengatakan...

Terimakasih banyak ....udah saya coba dan ternyata berhasil...thanks....

Doni Aliyanto mengatakan...

INformasi yang sangat berguna!!!

doni mengatakan...

INformasi yang sangat berguna!!!

Rizky mengatakan...

Terimakasih teh atas infonya

AcerNoval` mengatakan...

noce artikel gan ! sangan bermanfaat

cinema1dua mengatakan...

GAN LINKNYA UDAH DIPASANG,,,PASANG BALIK YAW<<< http://www.cinema1dua.co.cc

jinkinjeng mengatakan...

makasih cal infonya, jadi bersemangat nih buat ngeblog , hehehe

qudrat mengatakan...

Informasi yang berguna bagi saya, Tips ini akan saya terapkan di Blog saya, Terima kasih atas Sharing Ilmunya, Oya kapan2 datang ya ke Blog saya di :
http://qudrat-inspirasi.blogspot.com
Salam.....

himawan sutanto mengatakan...

bgus...tambah lagi ya... uda ku pasang. lihat di inteksol.blogspot.com

Posting Komentar

Mau komentar??? Silahkan, asal jangan komentar SPAM.

Maaf!!! Komentar yang bernada SPAM akan saya hapusssss.

nO sPam, nO pOrn, Please!!!

 

.+'''''''''''''''''''''''''''''''''''''+.