Widget HTML #1

Cara Membuat Tabel Keren Responsif di Dalam Postingan Blog


ipung.net - Cara Membuat Tabel Keren Responsif di Dalam Postingan Blog - Dalam membuat sebuah artikel pada blog kadang kala membutuhkan tampilan berupa tabel. Sudah banyak artikel yang memberikan tutorial cara yang menarik untuk membuat tabel. Akan tetapi dalam kesempatan kali ini ipung.net akan memberikan tutorial dengan tampilan yang jauh lebih menarik dengan efek pada saat di sentuh kursor mouse.
Tabel model ini sangat cocok untuk digunakan membuat pengumuman nilai atau lainnya, karena di dalamnya sangat mempermudah dalam menginput dan melihat barisan label yang panjang.
Yuk simak penjelasan selengkapnya di bawah ini.

Cara Membuat Tabel Keren di Postingan Blogger

1. Loggin ke Blogger anda > pilih menu Tema > Kemuidan pilih menu Edit HTML
2. Jangan lupa untuk memback up semua kode html template anda.
3. Carilah kode dengan tombol CTRL+F biar mempermudah dan cepat mencari kode ]]></b:skin> atau </style>
4. Letakkan kode berikut ini di atas ]]></b:skin> atau </style>


5. Setelah disimpan, lanjut buka postingan anda dan pilih Entri Baru > Letakkan kode berikut ini pada mode HTML ya.


6. Anda bisa merubah Nama dan Keterangan serta isian Nama 1 dan Nilai 1 dan seterusnya itu sesuai dengan kebutuhan tabel masing-masing ya.

7. Bila anda ingin menambahkan jumlah kolom tabel lagi, tinggal tambahkan saja kode di bawah ini sebelum kode </tbody> </table>

<tr><td>Nama</td><td>Nilai</td> </tr>

Berikut ini adalah hasil contoh yang telah kita buat di atas.
NamaKeterangan
Nama1Nilai1
Nama2Nilai2
Nama3Nilai3
Nama4Nilai4
Demikianlah cara mudah untuk membuat tabel yang keren untuk tampilan blog anda yang menarik dan makin cantik lagi. Terima kasih
ipung.net
ipung.net For any business inquiries, endorsement, collaboration, job, etc. Please send your email to: ipung@gmx.com

2 comments for "Cara Membuat Tabel Keren Responsif di Dalam Postingan Blog"

Comment Author Avatar
Gimana cara copy kode nya orang gk bisa di copy
Comment Author Avatar
sudah bisa bosque.. silahkan diklik

Comment Policy: ipung.net menerima kritik dan saran atau pertanyaan silahkan tulis di kolom komentar. Terima kasih.