Cara Membuat Kotak atau Tabel di Dalam Blog

Cara membuat kotak script di postingan sudah kita bahas kemarin, dan sekarang cara membuat kotak atau tabel di dalam Blog yang akan kita bahas. Karena ternyata banyak blogger pemula belum bisa membuat tabel pada postingan.

Cara Membuat Kotak atau Tabel di Dalam Blog

Cara membuat kotak atau tabel di dalam Blog sangatlah mudah, semudah kita membuatnya pada Microsoft Word. Namun banyak blogger pemula yang merasa kesulitan membuat tabel pada postingan blognya. Bagi mereka yang sudah paham kode HTML akan lebih memilih untuk mengetikan kode-kodenya sendiri, tapi bagaimana jika kita tidak paham kode-kode tersebut?.

Ternyata dengan Microsoft Word kita bisa mengetahuai kode tersebut untuk kemudian kita copy paste di postingan blog. 

Berikut cara membuat kotak atau tabel di dalam Blog. 

Buka Aplikasi Microsoft Word 

Buat Tabel Seperti Biasa
Buat tabel dengan mengklik "insert">"table", kemudian tentukan jumlah kolom dan baris, dan jika perlu silahkan sesuaikan tebal garis dan warna sesuai selera Anda.

Cara Membuat Kotak atau Tabel di Dalam Blog
  
Simpan File Sebagai HTML Sederhana dengan mengklik "Save As", kemudian pada bagian "Save As Type" pilih "Web Page,Filtered" kemudian "Save".

Cara Membuat Kotak atau Tabel di Dalam Blog
 
Buka File dan lihat Kode HTMLnya. Buka file yang telah disimpan tadi melalui  browser seperti Google Chrome, kemudian cari tahu kode HTMLnya dengan cara menekan "CTRL+U" atau dengan klik kanan kemudian pilih "view page source".

Copy Kode HTML tersebut ke postingan Blog Anda. Copy kode dalam file tersebut dimulai dari kode <table … .> sampai dengan kode </table> dan paste kode tersebut pada postingan blog yang sudah dalam mode penulisan HTML. 
Cara Membuat Kotak atau Tabel di Dalam Blog

Hasilnya akan terlihat seperti tabel di bawah ini:


Selain hasilnya rapi, lebih elegan, cara ini juga termasuk sangat mudah digunakan bahkan bagi blogger pemula. Saya sendiri lebih suka menggunakan cara ini daripada harus repot-repot membuat tabel dengan plugins WordPress, dan karena hanya menggunakan kode HTML maka pengguna Blogspot, Multiply, dan stage yang lain juga bisa melakukannya.
Selamat Mencoba!.



Add Your Comments

Disqus Comments