Diberdayakan oleh Blogger.

Cara Membuat Kotak Scrollbar Pada Blogger

Untuk menghemat ruangan pada postingan blog yaitu dengan cara membuat kotak Scrollbar.

Kotak ini bisa di scroll kekanan dan kebawah untuk menemukan teks lain yang tersembunyi sehingga bisa menghemat ruangan pada blog kita.

Untuk membuat kotak ini caranya sangat mudah:

  • Buka Blogger. Klik menu Design -> Page Elements
  • Klik Add a Gadget lalu klik HTML/Javascript
  • 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

Selamat mencoba...........??????????????
Bagikan :
+
Previous
Next Post »
0 Komentar untuk "Cara Membuat Kotak Scrollbar Pada Blogger"

coment anda sangat bermanfaat.......

 
Template By Kunci Dunia
Back To Top