Sabtu, 18 Juni 2011

Home » » Membuat Scroll Di Blog

Membuat Scroll Di Blog


Terkadang dalam menulis postingan terutama memasukan kode Script atau link download mesti berjejer kebawah halaman konten sehingga membuat halaman konten menjadi panjang , nah dengan menu scrool ini dapat mem perpendek tulisan atau apapun yang anda tulis di konten anda, eh iya scroll ini bisa di pasang di widget atau pun halaman posting dengan menaruh kode Script ini

Untuk Scroll yang menggunakan Background

<div style="overflow: auto;background-color:#C7DFB5; margin: 0px auto; padding: 5px; height: 200px;width: 94%;text-align: left;">
HTML, URL, TEXT, SCRIPT DSB </div>

Hasilnya

Mungkin anda suka dengan tampilan background begini lah tampilannya ,Bila anda ingin menganti warna background dengan warna lain silahkan ganti kode warna nya yang ada tulisan #C7DFB5
dengan warna pilihan anda, Dan ukuran PX nya bisa anda ganti juga dengan ukuran yang anda kehendaki, atau anda dapat menambahkan gambar pada background anda dengan memasukan script tambahan seperti ini

<div style="-moz-background-clip: -moz-initial; -moz-background-inline-policy: -moz-initial; -moz-background-origin: -moz-initial; -moz-border-radius-bottomleft: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; background: black url(http://lh4.ggpht.com/_wC8_9aR_6uE/SpqssB0hGEI/AAAAAAAABOI/7DSe25HalOg/Superb%20Fairy-wren3.jpg) no-repeat scroll 0 0 ; background-position: center ;border: 1px solid red; height: 400px; margin: 10px 0px; overflow: auto; padding: 10px; text-align: center; width: auto;">



Silahkan tulis disini apa yang menjadi keinginan anda HTML,LINK ATAU PUN KONTEN



</div>






Scroll Yang Tidak Menggunakan Back ground

<div class="'rbbox'"><div style="'margin:0;"><---SCRIPT , url,TEXT,dsb---></div></div>

Hasilnya
<isi sesuai dengan keinginan anda>


Selamat mencoba :D

Tidak ada komentar: