Cara Membuat Scroll Tabel Pada Posting Blog

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 itu seperti dibawah ini:





Scroll tabel ini banyak digunakan pada postingan-postingan blog untuk tutotial atau postingan lain, 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.
Langsung saja sobat blogger praktekkan:
1. Pertama sobat harus edit tulisan pada menu Edit HTML, bukan compose atau yang lainnya




2. Tentukan batas tulisan yang ingin di scroll dalam tabel. Jika sudah, tahu batas tulisan itu, maka silahkan copy paste code/script dibawah ini:
<div style="overflow:auto;width:470px;height:150px;padding:10px;border:1px solid #000000">
Letakkan tulisan atau gambar atau yang lainnya yang ingin di Scroll dalam table DISINI…!!!
</div>

3. Sangat simple bukan? Oke, sobat bisa mengedit width (width:470px), height (height:150px) 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 untuk PSYCHOLOGYMANIA.

12 Komentar

  1. sama seperti kode2 sebelumnya yang saya cari, tetap tidak bisa untuk template saya. Thanks

    BalasHapus
  2. Makasihya ,saya sudah coba,dan hasilnya berhasil

    BalasHapus
  3. nice sobat.. izin copas di blog ane!!! salam knal sobat blogger

    BalasHapus
  4. Its work gan, dan sangat simple..
    thx for info..hehe
    Sukses Selalu....

    BalasHapus
  5. sip,,,izin copas ya,,

    BalasHapus
  6. wah lagi cari-cari..ketemu juga disini..
    nice info gan..
    ijin coba2 dulu :)

    BalasHapus
  7. Terima Kasih sob,.
    kunjungi blog saya juga ya, Aswin blog's

    BalasHapus
Lebih baru Lebih lama

نموذج الاتصال