Sedikit flashback, tabel di dalam posting atau artikel blog menjadi sangat penting alasannya apabila anda perlu menampilkan konten berupa daftar, chart, atau tabel itu sendiri, diharapkan layout halaman yang mendukung. Dengan demikian, isi konten lebih tertata rapi, praktis diikuti dan dirunut oleh pembaca, sekaligus sanggup menjadi penambah daya tarik konten.
Saya punya trik khusus membuat tabel memakai Microsoft Word dan memindahkannya ke dalam posting blog hanya dengan beberapa langkah sederhana. Kelebihan tabel MS Word ialah anda sanggup mendesain terlebih dahulu tampilan dan isi tabel sesuai dengan keinginan, bahkan anda sanggup memakai banyak sekali desain template tabel yang sudah disediakan; tinggal menyesuaikannya sedemikian rupa dengan desain konten atau blog. Cukup dengan mengedit beberapa isyarat kecil saja semoga sesuai dengan format post blog, tabel yang anda buat akan memuaskan. Bagaimana caranya? Let's go!
Cara Membuat Tabel HTML dengan Microsoft Word
Note: Saya memakai Microsoft Office 2007 sebagai peraga dan pola dalam gambar.
1. Buat tabel menyerupai biasanya ketika anda menciptakan tabel di MS Word. Saya sarankan tidak membuatnya secara manual (membuat satu persatu) tapi gunakan fitur insert > Table, klik kemudian buat susunan tabel sesuai dengan jumlah kolom yang diinginkan.
1. Buat tabel menyerupai biasanya ketika anda menciptakan tabel di MS Word. Saya sarankan tidak membuatnya secara manual (membuat satu persatu) tapi gunakan fitur insert > Table, klik kemudian buat susunan tabel sesuai dengan jumlah kolom yang diinginkan.
2. Sebenarnya anda sanggup saja mengisi konten ke dalam tabel nanti ketika tabel sudah dimasukkan ke dalam post, tapi berdasarkan aku akan terlalu ribet. Oleh alasannya itu, sebaiknya konten dimasukkan ketika masih dalam MS Word, sehingga lebih praktis untuk mengedit, mengatur, dan mendesain tampilan tulisannya.
3. Buat desain tabel dengan memakai fitur "Design", yang akan muncul di sisi kiri hidangan teratas sehabis anda memasukkan tabel ke dalam lembar editor MS Word. Anda sanggup menentukan banyak sekali pre-made templates (built-in) yang sudah disediakan, sesuaikan dengan kebutuhan layout tabel serta desain/layout blog.
4. Terakhir, sehabis table dibentuk dan didesain sedemikian rupa, simpan. Yang perlu diperhatikan adalah: jangan simpan sebagai file MS Word (doc maupun docx), tapi simpan sebagai WebPage,Filtered > "Save As" dan pilih WebPage,Filtered (*.htm/*html).
Setelah itu, masih ada proses lagi, cuma sedikit kok.
Cara Memindahkan Tabel MS Word Ke Posting Blog
Setelah disimpan, maka file akan mempunyai ekstensi .htm. Berikut langkah-langkah mengedit dan memasukkannya ke dalam posting blog.
1. Buka file tersebut dengan notepad.
2. Di dalamnya anda akan melihat banyak sekali tag html lengkap menyerupai milik halaman web sesungguhnya. Yang perlu diperhatikan ialah tidak semuanya dibutuhkan. Yang perlu ditambahkan ialah elemen yang biasa berada di dalam tag div dan juga style-nya (CSS) yang diapit oleh tag style. Hapus tag html, meta, head, dan body. Jangan lupa hapus tag penutupnya juga, contoh: </head>. Hanya sisakan dua tag yang aku sebutkan tadi. Jika masih belum jelas, perhatikan gambar-gambar berikut, yang aku highlight ialah yang harus dihapus:
4. Setelah dihapus copy semua isyarat dan paste/masukkan ke dalam post editor. Pastikan sudah klik mode "HTML" di bab kiri atas (Blogger) atau di bab kanan atas (WordPress) post editor, tepatnya di sebelah di sebelah mode "Compose".
Setelah memastikan semua isyarat diedit dan dimasukkan dengan benar, serahkan semua proses parsing dan koreksi pada engine Blogger. Proses ini terjadi ketika anda mengembalikan ke mode "Compose". Kaprikornus langkah selanjutnya ialah mengembalikan ke mode "Compose", kemudian lihat hasilnya.
Berikut pola tabel yang aku buat via Microsoft Word:
nge-test
|
test 1
|
test 2
|
test 3
|
test 4
|
a
|
1
|
2
|
3
|
4
|
b
|
5
|
6
|
7
|
8
|
c
|
9
|
10
|
11
|
12
|
d
|
13
|
14
|
15
|
16
|
© copyright Ahmad Khoirul Azmi, published only for buka-rahasia.blogspot.com.
0 Response to "Cara Membuat Tabel HTML via MS Word & Memindahkan ke Posting Blog"
Post a Comment