Monday, 15 April 2013

Cara Membuat Scroll Tabel Blogger/Wordpress

Saya selallu melihat para blogger lain menggunakan scroll bila mereka berbagi suatu code tertentu. Setelah itu saya cari dan praktekan, lalu sekarang saya mau share kepada anda. Tabel dengan menggunakan scroll itu ada yang pake background dan tidak (setidaknya itu yang saya tau).

      Langsung saja simak di bawah ini :

1. Yang pasti anda harus ganti tulisan/compose menjadi HTML, seperti di bawah
2. Copy code di bahah 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>

<div style="overflow:auto; width:300px; height:60px; padding:10px; border:3px solid #cc0000; background:#00ff00;">AGUNG BLOGE</div>


<table border="8" cellpadding="5"><tbody><tr><td><div style="overflow:auto; width:300px; height:60px; padding:10px; border:3px solid #cc0000; background:#00ff00;">joglio.blogspot.com</div></td></tr></tbody></table>

Silahkan pilih yang mana.
Keterangan : untuk memperkesil dan memperbesar tabel, anda tinggal ganti Width:...px dan height:...px
                    <tabel border="8" untuk membuat bingkainya menjadi lebih tebal atau tipis
                    <tabel border="3" untuk memberi jarak antara bingkai dengan kotak

Bagaimana bagus gak, untuk melihat kode warna silahakan anda lihat di postingan besok..

Wassalammualaikum WR. WB.

0 komentar:

Post a Comment

Terima kasih atas komentar anda,
Bila ingin Copas harap cantumkan
Link sumber !

Popular Posts

Subscribe Here

Sign up here with your email address to receive updates from this blog in your inbox.