Beranda > Unggulan > CARA MEMBUAT KOTAK SCROLL BAR DI BLOG SPOT

CARA MEMBUAT KOTAK SCROLL BAR DI BLOG SPOT


Kotak scrollbar dimaksudkan untuk meletakkan suatu content atau tulisan yang terdiri dari banyak conten atau tulisan yang membutuhkan lokasi atau tempat yang luas menjadi tempat yang bisa kita sesuaikan dengan halaman dan area yang kita pilih itu. dengan kata lain, kotak scrollbar ini berfungsi untuk  meminimalis lokasi tanpa harus mengurangi jumlah konten atau tulisan yang akan kita tambahkan. cara pembuatanya cukup sederhana, kita hanya membutuhkan beberapa kode HTML saja.

Bagi kalian yang tertarik intuk memanfa’atkan trik ini, silahkan ikuti petunjuk dibawah ini:

 

1. Buka Blogger. Klik menu Design -> Page Elements
2. Klik Add a Gadget lalu klik 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 dicetak tebal dengan teks yang ingin Anda tampilkan.

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

Catatan:
Ganti teks biru yang dicetak tebal dengan alamat alamat gambar anda contoh http://lh4.ggpht.com/_15FopxVONSo/SSlTogZcU-I/AAAAAAAAA18/EqRgvye_cNU/herman%20blog%20headline%20v6.gif

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

Selamat Mencoba..!!

Semoga sukses!!

Iklan
  1. Belum ada komentar.
  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: