Cara Membuat tabel dalam postingan blog ~ Bmc.com

Thursday, 4 February 2016

Cara Membuat tabel dalam postingan blog

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.

Cara Membuat tabel


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

Bmc.com


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'>&nbsp;</p>
  </td>
 </tr>
</table>
<p class=MsoNormal>&nbsp;</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

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More