468x60 Ads

Cara Membuat Scroll Bar Dalam Posting Blog

Wah keren juga ya kalau di dalam posting ada scrollbarnya kalau anda penasaran, langsung saja lihat cara berikut ini. caranya cukup mudah kok :

  • Login terlebih dahulu
  • Masuk ke tata letak edit HTML
  • Beri tanda centang pada "Expand Template Widget"
  • Cari kode ]]> kemudian copy dan letakkan code berikut diatasnya :
.scrollbox {
height:100px;
width:400px;
overflow:auto;
}
 

  • Lihat text yang berwarna merah itu adalah ukuran scrollbar, anda bisa menggantinya dengan ukuran yang anda inginkan.
  • Pada saat anda posting, letakkan isi posting yang akan di scrollbar di antara code<div class="scrollbox"> dan </div> 
Sebagai contoh :


<div class="scrollbox">ini contoh yang saya maksud, ini adalah isi dari postingan yang berada di dalam scrolbar. ini contoh yang saya maksud, ini adalah isi dari postingan yang berada di dalam scrolbar. ini contoh yang saya maksud, ini adalah isi dari postingan yang berada di dalam scrolbar. ini contoh yang saya maksud, ini adalah isi dari postingan yang berada di dalam scrolbar. ini contoh yang saya maksud, ini adalah isi dari postingan yang berada di dalam scrolbar. ini contoh yang saya maksud, ini adalah isi dari postingan yang berada di dalam scrolbar.
</div>

selesai, simpan dan lihat hasilnya.
semoga berhasil :)

0 komentar:

Posting Komentar

Silahkan berikan komentar anda ( Mohon untuk tidak mencantumkan sara, pornografi, atau perkataan yang tidak layak ) :

 
SITUS APW © 2011 Theme made with the special support of Maiahost for their cheap WordPress hosting services and free support.