Home » » trik cara membuat scroll pada postingan blog dan web

trik cara membuat scroll pada postingan blog dan web

Written By didi rosadi on Wednesday, September 24, 2014 | 7:26:00 AM


Sobat blogger yang saya kagumi, mungkin masih banyak diantara kita mencari dan bertanya, bagaimana cara membuat tabel yang berbentuk scroll pada postingan blog.

Scroll tabel ini banyak digunakan pada postingan-postingan blog untuk tutotial, membuat daftar harga ( seperti pada halaman berikut klik di sini untuk contohnya ) atau postingan lainnya, yang membutuhkan pemisahan antara paragraph utama dengan sebuah lampiran yang panjang.

Scroll tabel ini memang terlihat indah jika dibandingkan dengan tabel biasa. Disamping itu tabel yang berbentuk scroll, bisa menghemat tempat pada halaman blog. Selain tabel juga bias scroll untuk daftar gambar seperti disini .

Langsung saja sobat blogger yuk kita praktekkan langsung:
1. Pertama sobat harus edit tulisan pada menu Edit HTML, bukan compose atau yang lainnya
cara membuat scroll pada posting

berikut kode cara membuat scroll tabel pada posting blog, silahkan sobat copy dan paste kode berikut pada halaman posting

<div style="overflow:auto;width:480px;height:200px;padding:10px;border:1px solid #000000">

Letakkan tulisan atau gambar atau yang lainnya yang ingin di Scroll dalam table DISINI…!!!

</div>

2. Tentukan batas tulisan yang ingin di scroll dalam tabel. Jika sudah, tahu batas tulisan itu, maka silahkan copy paste code/script dibawah ini:
3. Sangat simple bukan? Oke, sobat bisa mengedit width (width:480px), height (height:200px) dan warna border tabel (solid #000000) sesuai dengan keinginan sobat. Tutorial ini sangat singkat tapi sangat diperlukan.
4. Sekian dan terima kasih. Jika sobat berhasil menggunakan tutorial ini, mohon kiranya memberikan komentar sebagai kenang-kenangan untukSmart Education.
Share this article :

0 comments:

Post a Comment

Silahkan tinggalkan komentar anda di sini, komentar yang membangun sangat saya harapkan!

 
Support : WWW.LAKUKER.COM | Grosir Produk Fashion Bandung | Lakuker free download
Copyright © 2013. Lakuker Free Download - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly by Blogger