Membuat scroll di postingan

2/23/2009 Tips Trik Blog
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

Artikel Terkait

Previous
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.

Blogger
Disqus
Pilih Sistem Komentar Yang Anda Sukai

1 comment