Membuat scroll di postingan

Published by Kang Fathur Monday, February 23, 2009

Halo para sobat bloger jumpa lagi ni di postingan baru kang fatur, kali ini kang fatur akan kasih tau para sobat blogger yang pingin di dalam postingan adan scroll nya, buat mengirit-ngirit le tempat posting.

wah bagus juga yaaaa....????? kalo di dalam posting ada scrollbarnya kalo para sobat pingin dan penasaran, langsung aja bang fatur ajarin caranya cukup gampang ko' dan ga banyak copy paste disana sini

Oke para sobat seperti biasa login dulu ke blog para sobat

Klik Tata Letak edit HTML
Beri tanda centang pada "Expand Template Widget" yang ada di pojok kanan
Kemudian Carai code berikut ]]></b:skin> copy dan letakkan code di bahwah ini tepat di atas ]]></b:skin> :

.scrollbox {
height:150px;
width:450px;
overflow:auto;
}


Lihat text yang berwarna kunig itu adalah ukuran scrollbar. para sobat bisa menggantinya dengan ukuran yang para sobat inginkan. lalu simpan template

pada saat para sobat posting, letakkan isi posting yang akan di scrollbar di antara code <div class="scrollbox"> dan </div>

Contohnya adalah sebagai berikut.
<div class="scrollbox">
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
</div>

Maka hasilnya akan seperti ini.

nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat,nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,
nah disini isi postingan para sobat, nah disini isi postingan para sobat,

Selamat mencoba, semoga bermanfaat, n jangan lipa comennya ok

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI