Blogger Widgets Membuat scroll pada posting ~ Mostoples Blog

2013-03-26

Membuat scroll pada posting


 


hy gan kali ini saya akan membahas mengenai cara membuat scroll pada posting blog,,, mungkin anda sedang mencari bagaimana cara membuat scroll pada posting blog,, nah di sini tempat yang tepat untuk membahas cara tersebut,,,

oke kita langsung saja,,,



hy gan kali ini saya akan membahas mengenai cara membuat scroll pada posting blog,,, mungkin anda sedang mencari bagaimana cara membuat scroll pada posting blog,, nah di sini tempat yang tepat untuk membahas cara tersebut,,,
oke kita langsung saja,,,


1. masuk blogger
2. entri baru bagi yang ingin buat scroll di postingnya padda posting baru., atau
3. edit entri bagi yang ingin membuat scroll pada posting yg sudah ada
4. nah kalian klik Edit HTML pada bagian kanan atas kotak posting,, ingat bukan pada compose

oke kemudian anda masukin kode berwarna merah di atass teks yang ingin anda jadikan scroll dan teks warna biru taruh di bawah teks yang anda mau,, nah liat seperti ini

<div style='padding: 5px; overflow: auto; width: auto; height:200px;border:1px solid #000000'>

 TULISAN SOBAT ATAU APAPUN  TEPATNYA ADA DISINI.

(Tulisan ditulis di COmpose, sedangkan Kode di Tulis pada mode Edit HTML)

</div>


nah contohya jadi kaya gini
tulisan di taroh sini
(ingat tulisan di tulis di compose bukan di HTML)




Catatan : Ingat, Sobat Tulis pada mode Edit HTML, bukan Compose.!!! Untuk melihat dan mengecek berhasil atau tidak, silahkan sobat klik Compose. naah anda juga bisa ubah sesuai keinginan anda,, height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat. width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan sobat ganti nilainya, seperti keinginan sobat. border:1px solid adalah ukuran tebal garis kotak scroll, silahkan sobat ganti nilainya, seperti yang sobat inginkan. #000000 adalah Kode warna pada garis kotak scroll, silahkan sobat ganti Kode warnanya seperti yang sobat inginkan. 
sumber:Ahmad bj blog

1 comments:

Unknown said...

Thanks gan buat infonya. mantap

Post a Comment

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Sweet Tomatoes Printable Coupons