Google+ Facebook Twitter MySpace


Home » » Cara Membuat Tampilan Scroll bar Pada Postingan di Blog

Cara Membuat Tampilan Scroll bar Pada Postingan di Blog

Cara membuat menu scrollbar pada blog ini juga menggunakan kode HTML, dengan mengedit HTML pada postingan kita tepatnya yang berada di samping menu Compose saat kita menulias sebuah post.
Tampilan ScrollBar yang saya buat seperti ini :
Tujuan Scrollbar sendiri agar teks yang kita tulis tidak memanjang ke bawah, dengan tampilan scrollbar ini walaupun tulisan kita panjang namun terlihat simple karena ada dalam sebuah kotak.

Untuk membuat tampilan seperti diatas pada postingan kita caranya tinggal copy script berikut :

<div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width: 400px;">
Letakan Tulisan / Kode HTML Sobat Disini
</div>

Kemudian Pastekan di bagian HTML (ingat bukan di bagian compose) dan sekarang lihat tampilannya di compose.
Nah sekarang tinggal ganti tulisan ini "Letakan Tulisan / Kode HTML Sobat Disini" dengan tulisan yang akan anda tampilkan di scrollbar. mudah kan??? :-)

Note :
  1. Angka 100 untuk ukuran tinggi
  2. Angka 400 untuk ukuran lebar
  3. Untuk mengganti tulisan yang berwarna merah dilakukan di bagian compose

0 komentar:

 
Support : On Facebook | Home Adress
Copyright © 2013. Home Digital - All Rights Reserved