CARA MEMBUAT TABLE GRADIENT 2 KOLOM DENGAN HTML & CSS
Bagi sobat yang sedang mencari cara membuat table hanya 2 kolom yang responsive dengan tampilan mobile dan desktop' pada web maupun blog silahkan di coba dengan cara ini script code table sudah saya sedikit modif dengan menambahkan warna gradient dan mengurangi kolom tersebut menjadi 2 kolom saja' agar bisa lebih Responsive jika di muat via mobile phone.
monyetblog.com | kolom monyetblog 1 |
---|---|
isi menu | menu 1 |
isi menu | menu 1 |
isi menu | menu1 |
isi menu | nama 1 |
isi menu | menu 1 |
isi menu | menu 2 |
isi menu | menu 1 |
isi menu | menu1 |
isi menu | menu 1 |
Silahkan langsung di copy saja css nya pada kotak text area copy di bawah ini
CODE CSS
Jika sudah tercopy lalu cari code ]]></b:skin> pada template blog milik sobat lalu letakan css tersebut tepat sebelum code di atas sehinga nanti nya akan menjadi seperti ini
css nya letak di sini
]]></b:skin>
Setelah proses di atas telah di kerjakan dengan benar maka lanjut lagi pada tahap berikut nya'
tahap di mana kita akan menampilkan table tersebut pada blog mau pun web' buat postingan dengan HTML javascript lalu copy code HTML table nya di bawah ini' dan ganti isi menu menu1' dengan menu menu yang sobat inginkan dan untuk Html table copy di text area di bawah ini
CODE HTML TABLE
Jika kamu tak ingin report repot untuk meletakan css nya pada template blog milik sobat'script ini sudah bisa di pakai langsung tanpa harus meletakan ccs pada tag ]]></b:skin> dengan cara copy code keseluruhan nya di bawah ini sudah saya kemas css dengan htm table nya menjadi satu' akan tetapi script nya akan menjadi lebih panjang dan agak sedikit sulit mengedit nya karena banyak nya script yang tercampur' silahkan copy code Full nya di bawah ini' lalu tingal kamu paste kan saja pada postingan HTML javascript pada blog milik sobat'
CODE FULL CSS & HTML TABLE
Nah begitulah cara nya membuat table 2 kolom yang pas pada postingan blog milik sobat' dan untuk warna silahkan di atur sendiri dengan menganti code warna seperti ini #99ff99 #00cc66 ganti code warna tersebut dengan code warna yang kamu sukai' slamat mencoba....
Sekian Trimakasih...