Monday, August 6, 2018

CARA MEMBUAT TABLE GRADIENT 2 KOLOM DENGAN HTML & CSS RESPONSIVE MOBILE


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...

Previous Post
Next Post