Orang-orang yang berhenti belajar akan menjadi pemilik masa lalu. Orang-orang yang masih terus belajar, akan menjadi pemilik masa depan.

Friday, May 8, 2015

CARA MEMBUAT SCROLL PADA POSTING BLOG


 http://4.bp.blogspot.com/-zFOOrnZcHso/UqGwe0_cPRI/AAAAAAAAAgU/oQCmKhEw7h0/s1600/membuat+scroll+pada+postingan+blog.png

Pada postingan ini akan membahas bagaimana cara membuat scroll pada postingan blog, mungkin anda pernah melihatnya didalam postingan-postingan di blog ini. Saat ini kita akan membahas bagaimana membuat scroll pada postingan blog

1. masuk ke 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. klik Edit HTML pada bagian kanan atas kotak posting, ingat bukan pada compose

Kemudian masukkan kode kode berwarna merah dibawah ini diatas teks yang ingin anda jadikan scroll dan teks warna biru taruh dibawah teks yang anda telah buat

<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 SOBAT ATAU APAPUN TEPATNYA ADA DISINI.
(Tulisan ditulis di Compose, sedangkan Kode di Tulis pada mode Edit HTML)





http://belajar-tanpa-henti.blogspot.com
Catatan :

Ingat, Tulis pada mode Edit HTML, bukan Compose.!!!
Untuk melihat dan mengecek berhasil atau tidak, klik Compose.

anda juga bisa ubah sesuai keinginan anda,,
  • height:200px; adalah ukuran lebar atas bawah kotak scroll, silahkan ganti nilainya, seperti keinginan.
  • width: auto; adalah ukuran otomatis lebar samping kotak scroll, silahkan ganti nilainya, seperti keinginan.
  • border:1px solid adalah ukuran tebal garis kotak scroll, silahkan ganti nilainya, seperti yang inginkan.
  • #000000 adalah Kode warna pada garis kotak scroll, silahkan ganti Kode warnanya seperti yang inginkan.

5. terakhir, terbitkan entri lihat hasilnya


Artikel Terkait

4 comments: