Home » » Cara Membuat Kotak Scrollbar Pada Blogger

Cara Membuat Kotak Scrollbar Pada Blogger

Kotak ini bisa kita gulung kekanan atau kebawah untuk menemukan teks lain yang tersembunyi sehingga bisa menghemat ruangan pada blog kita.

Untuk membuat kotak ini caranya sangat mudah:

1. Buka Blogger. Klik menu Layout -> Page Elements
2. Klik Add a Gadget. Lalu klik tombol + pada HTML/Javascript
3. 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 berwarna merah 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" />

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 250px; height: 250px; background-color: rgb(255, 255, 255);"><img src="http://i727.photobucket.com/albums/ww278/echabintangtimur/cooltext422020356.gif" /></div>

Maka hasilnya akan seperti ini:




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

Selamat Mencoba..!!




Ingin tahu lebih cepat Tentang Artikel atau Info Terbaru yang di Publikasikan Oleh echa bintang timur ? Daftarkan e-mail anda di sini dengan secara otomatis anda dapat kiriman artikel terbaru dari echa bintang timur , Silahkan daftarkan email anda di sini ( Free )

Masukan email anda disini




Artikel Menarik Lainnya


13 komentar:

johan wijaya mengatakan...

WOW frennnn....itu foto cewek kamu yahhh...cuantik tuh :)

hitamputih mengatakan...

sobat..keren banget blognya....mksh atas blognya banyak masukan yg gw dapat neh....

eNdA mengatakan...

makasi banyak sobat...

sukses slalu iaa....

super.sonic42 mengatakan...

.saya sangat berterima kasih... akhirnya saya sudah bisa mengatasi mslah ktrsediaan t4...
oh ya,, di tunggu kunjungan balik ya mas...

BIRO KENCAN mengatakan...

Great goods from you, man. I have understand your stuff previous to and you're just extremely magnificent. I really like what you have acquired here, certainly like what you're saying and the way in which you say it. You make it entertaining and you still take care of to keep it sensible. I can't wait to read far more from you. This is really a tremendous.

GAMES ONLINE KENCAN mengatakan...

Well i am a girl but my friend call me a girf!! and i am lovbale!!! and my other pic was not me the one on the left is me!Anyway you can find me here...

MENCARI TEMAN KENCAN ONLINE mengatakan...

Thanks admin. Its really helpful. Continue to keep sharing.

Ghilank Arjuna mengatakan...

ini dia yang saya cari. oh iya mbaa echa ngomong ngomong banner blog mba echa sudah saya pasang di blog saya pada area footer (BANNER SAHABAT). tolong pasan banner saya juga mba. dan salam kenal

http://Ghilankmayones.blogspot.com

Info Toko Surya62 mengatakan...

konten bagus dan tepat.... saya sedot Gan... makasih, kunjungi balik ya

SIdeTEK mengatakan...

Post yang bagus, tks gan

http://sidetek.blogspot.com/

bestmechanic.blogspot.com mengatakan...

salam kenal agan
terima kasih atas informasinya sangat bermanfaat bagi saya bloger pemula.
kunjungi balik blig saya ya gan

Ozetus mengatakan...

Kreen sob tipsnya.... tapi ane kesulitan pas waktu masukin script yang panjang, yang muncul bukan kode script tapi hasil kodingnya....gimana ya ?

info puler mengatakan...

Mantaf dach..
Datemg ya ke mari www.inpopuler.blogspot.com

Komentar anda tentang Artikel ini

Blog ini menggunakan Sistem DoFollow, jadi manfaatkan kesempatan ini untuk menempatkan link blog atau website anda agar di follow oleh bot mesin pencari. Sempatkanlah sedikit waktu untuk mengomentari Postingan Blogku, karna setiap kata yang anda berikan , sangatlah berharga untuk ku! Terima Kasih !!
Untuk yang tidak memiliki Account, silahkan pilih Beri komentar sebagai: Anomymous atau Name/URL

 

random post

My Link Banner

Pasang Iklan