Cara membuat kotak scrollbar blog - BLOGATTANAHI
Headlines News :
Home » » Cara membuat kotak scrollbar blog

Cara membuat kotak scrollbar blog

Written By Langlang Buana on Minggu, 06 Juni 2010 | 19.54

membuat kotak scroll blogSaya mungkin juga baru belajar ngeblog, jadi apa yang sudah saya tahu akan saya posting juga, disamping buat pengingat mungkin biar kalo otak-atik blog gk usah cari tutorial di rumah tetengga he he he...tapi jika kamu belum tahu juga, ni aku cuma mau share aja tentang cara membuat kotak scrollbar pada blog.
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;">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

Selamat mencoba......
Share this article :

Tidak ada komentar:

Posting Komentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. BLOGATTANAHI - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger