Saturday, June 23, 2012

0 Cara Membuat Scroll Di Blog

Kali ini saya ingin menshare lagi Cara Membuat Scroll Di Blog Salah satu fungsi daripada membuat scroll adalah untuk menghemat space pada blog kita. Sehingga apabila kita akan membuat label ataupun widget berukuran terlalu besar sidebar blog berukuran terbatas kita bisa mengakalinya dengan membuat scroll box ini. Ok untuk lebih jelasnya kita langsung praktik aja gan..
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit Element
4. Klik Add Widget dan pilih
    HTML/Javascript
5. Copas salah satu cara dari kode berikut

Ada Beberapa Cara,silahkan diikuti petunjuk berikut ini:

1.Scroll Dengan Backgroud warna 1
Salah satu fungsi daripada membuat scroll adalah untuk menghemat space pada blog kita. Sehingga apabila kita akan membuat label ataupun widget berukuran terlalu besar sidebar blog berukuran terbatas kita bisa mengakalinya dengan membuat scroll box ini. Ok untuk lebih jelasnya kita langsung praktik aja gan..
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit Element
4. Klik Add Widget dan pilih
HTML/Javascript
5. Copas salah satu cara dari kode berikut

Untuk Kodenya: 
<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">Copy paste yang ingin ditampilkan</div>

2.Scroll Dengan Backgroud warna 2
Salah satu fungsi daripada membuat scroll adalah untuk menghemat space pada blog kita. Sehingga apabila kita akan membuat label ataupun widget berukuran terlalu besar sidebar blog berukuran terbatas kita bisa mengakalinya dengan membuat scroll box ini. Ok untuk lebih jelasnya kita langsung praktik aja gan.. 1. Login ke Blogger. 2. Di halaman Dasbor, kita pilih Rancangan. 3. Kemudian pilih Edit Element 4. Klik Add Widget dan pilih HTML/Javascript 5. Copas salah satu cara dari kode berikut

Untuk kodenya:
<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 200px;width: 94%;text-align: left;">
Copy paste yang ingin ditampilkan </div>

3.Scroll tanpa Background

Salah satu fungsi daripada membuat scroll adalah untuk menghemat space pada blog kita. Sehingga apabila kita akan membuat label ataupun widget berukuran terlalu besar sidebar blog berukuran terbatas kita bisa mengakalinya dengan membuat scroll box ini. Ok untuk lebih jelasnya kita langsung praktik aja gan.. 1. Login ke Blogger. 2. Di halaman Dasbor, kita pilih Rancangan. 3. Kemudian pilih Edit Element 4. Klik Add Widget dan pilih HTML/Javascript 5. Copas salah satu cara dari kode berikut


Untuk Kodenya:
<div style="overflow:auto;width:100%px;height:200px;padding:10px;border:1px solid #999999">Copy paste yang ingin ditampilkan</div>
Keteranagan:
Warna Merah: Lebar dan tinggi scroll
Warna Biru    : Warna Backgroundnya ( Lihat Contoh Warna nya disini )
Warna Hijau  : Isi Dari Scroll yang akan ditampilkan.

Semoga Bermanfaat..salam blogger!!

Description: Cara Membuat Scroll Di Blog Rating: 5 Reviewer: Sandi Tias - ItemReviewed: Cara Membuat Scroll Di Blog

Artikel Menarik Lainnya:

0 komentar:

Related Posts Plugin for WordPress, Blogger...