Cara Membuat tabel dalam postingan blog
Membuat tabel/table HTML dalam postingani blog mungkin membutuhkan sedikit pengetahuan tentang Html karena dibutuhkan banyak atribut dan tag yang apabila salah menulis sedikit saja mka tampilan kan berbeda tidak sesuai dengan apa yang kita ingin kan namun terkadang kita sangat membutuhkan table table tersebut guna keperluan . artikel yg berisi tabel tertentu dan dapat tersusun dengan baik. Untuk membuat table tersebut sebenarnya itu ada banyak cara yaitu
1. menggunakan Ms word atau excel
2. Menggunakan HTML
3. Menggunakan penyedia layanan HTML Generator online
nah untuk kesempatan kali ini saya akan memberikan tips Cara Membuat tabel dalam postingan blog dengan memakai aplikasi yang tentu nya sobat sudah tahu yaitu Microsoft Word berikut langkah langkanya
Cara Membuat Tabel HTML dengan Microsoft Word
1. Buat tabel seperti biasanya saat anda membuat tabel di MS Word. Klik insert > Table, klik lalu buat susunan tabel sesuai dengan jumlah kolom yang diinginkan.
2. Buat desain tabel dengan menggunakan fitur "Design", yang akan muncul di sisi kiri menu teratas setelah anda memasukkan tabel ke dalam lembar editor MS Word.
3. setelah table dibuat lalu simpan. cuma Yang perlu diperhatikan adalah cara penyimpanan atau save nya jangan di save dengan file MS Word (doc maupun docx), tapi simpan sebagai WebPage,Filtered > "Save As" dan pilih WebPage,Filtered (*.htm/*html). seperti gambar di bawah ini
Nah setelah selesai ikuti cara terakhir dibawah ini untuk memasukan table di blog
Cara Memindahkan Tabel MS Word Ke Posting Blog
1. Buka file tersebut dengan notepad.
2. Di dalamnya anda akan melihat berbagai tag html lengkap seperti milik halaman web sesungguhnya. Yang perlu diperhatikan adalah tidak semuanya dibutuhkan. Yang perlu ditambahkan adalah 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 saya sebutkan tadi. Jika masih belum jelas, perhatikan gambar-gambar berikut, di bawah ini
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=Generator content="Microsoft Word 12 (filtered)">
<style>
</head>
<body lang=EN-US>
<div class=Section1>
<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0
style='border-collapse:collapse;border:none'>
<tr style='height:14.25pt'>
<p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
normal'> </p>
</td>
</tr>
</table>
<p class=MsoNormal> </p>
</div>
</body>
</html>
keterangan yang berwarna merah lah yang sobat hapus
<head>
<meta http-equiv=Content-Type content="text/html; charset=windows-1252">
<meta name=Generator content="Microsoft Word 12 (filtered)">
<style>
</head>
<body lang=EN-US>
<div class=Section1>
<table class=MsoTableGrid border=1 cellspacing=0 cellpadding=0
style='border-collapse:collapse;border:none'>
<tr style='height:14.25pt'>
<p class=MsoNormal style='margin-bottom:0cm;margin-bottom:.0001pt;line-height:
normal'> </p>
</td>
</tr>
</table>
<p class=MsoNormal> </p>
</div>
</body>
</html>
keterangan yang berwarna merah lah yang sobat hapus
4. Setelah dihapus copy semua kode dan paste/masukkan ke dalam post editor. Pastikan sudah klik mode "HTML" di bagian kiri atas (Blogger) atau di bagian kanan atas (WordPress) post editor, tepatnya di sebelah di sebelah mode "Compose".
Setelah dimasukkan kode html dengan benar, setelah itu sobat bisa lihat langsung dengan mengklik pratinjau. yang ada di pojok saat sobat membuat entri setelah itu kembalikan lagi ke mode "Compose". lalu lihat hasilnya.
Nah untuk Cara kedua dengan memakai antribut html namun saya akan membahasnya dalam postingan selanjutnya di karenakan hari ini saya masih ada kerjaan lain heheh oke, yo sob sekian dari saya tentang
Cara Membuat tabel dalam postingan blog terima kasih salam blloger
0 comments:
Post a Comment