Jonson HP

Proses Bisnis dari Blog Bisnis Online

Cara Membuat Tabel/Kotak di Blog

Bisnis Keagenan Pulsa Berbasis Program CRP – Syariah
(Customer Refferal Program/Program Berlangganan yang Berkelanjutan).
Merupakan gabungan Bisnis jaringan, sistem biner, E-Commerce onLine Marketing
Silahkan Klik di sini atau http://inteldbs.wordpress.com
Hubungi : Jonson HP
Telp. 021-97272805 atau 087883242150

Blog dari blogspot maupun wordpress saat ini belum dilengkapi dengan toolbar membuat tabel untuk  postingan atau artikel .
Maka artikel ini akan memberi penjelasan 2 cara membuat tabel/kotak pada artikel blog anda.

Cara yang akan di jalankan ada dua cara yaitu :
1. penulisan tag html langsung
2. cara via ms excel

Baiklah, cara membuat tabel/ kotak sangat  mudah (jangan pikir terlalu rumit🙂 ) cukup ikuti cara di bawah ini.

Cara 1. Penulisan tag html langsung

copy paste kode di bawah ini pada halaman blog anda:

<table border=”2″ cellspacing=”2″ cellpadding=”2″ width=”300″ align=”center” bgcolor=”#ffffff” height=”50″>
<tbody>
<tr>
<td>Data A</td>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
</tbody>
</table>

Hasil Tabel :

Data A
Data 1 Data 2 Data 3

penjelasan :
a. <table></table> membuat tabel
b. <tr></tr> membuat baris tabel.
c. <td></td> membuat kolom tabel
d. border=”x”  dimana x nilainya adalah pixel (ketebalan garis)
e. cellspacing=”x” : mengatur jarak antar sel
f. cellpadding=”x” : mengatur jarak tulisan atau isi sel
g. bgcolor :  mengatur warna background dari tabel
h. align :  mengatur posisi tabel
nilai align
* center : di tengah-tengah halaman.
* left   : di sebelah kiri halaman.
* right  : di berada disebelah kanan halaman.

i. bordercolor : mengatur warna border tabel (kode warna).
j. width =”x” : untuk mengatur lebar tabel (nilai pixel atau persen (%)).
k. height=”x” : untuk mengatur tinggi tabel (nilai pixel atau persen (%))
anda dapat memodel tabel/kotak dengan mengganti x dengan angka. Silahkan anda tambahkan kotak/tabel lainnya.

Cara 2. Cara via ms excel

Cara ini lebih simpel dan telah saya coba pada blog saya di mediator bisnis.
caranya :

  • 1. tulis data pada kotak pada sheet di ms excel
  • 2. masuk pada halaman postingan blog anda (pada blogspot klik posisi compose sedangkan pada wordpress klik posisi visual )
  • 3.copy paste data di excel ke halaman postingan blog anda
  • 4. ubah posisi dari compose ke html (pada blogspot) dan posisi visual ke html (pada wordpress) untuk memodif  kode html nya.
  • 5. Ganti border=”0″ jadi border=”2″ agar tampilan tabel/kotak jelas.

Kode yang di hasilkan :

<table border=”2″ cellspacing=”0″ cellpadding=”0″ width=”192″><col span=”3″ width=”64″></col>
<tbody>
<tr height=”20″>
<td width=”64″ height=”20″>Data A</td>
<td width=”64″>Data B</td>
<td width=”64″>Data C</td>
</tr>
<tr height=”20″>
<td height=”20″>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
<tr height=”20″>
<td height=”20″>Data 4</td>
<td>Data 5</td>
<td>Data 6</td>
</tr>
</tbody>
</table>

Hasil tabel/kotak

Data A Data B Data C
Data 1 Data 2 Data 3
Data 4 Data 5 Data 6

untuk pembuatan banyak kotak/tabel , cara 2 :  cara via ms excel cukup efektif dan lebih cepat.

Nb. perhatikan cara menempatkan copy paste kotak/tabel dari excel , halaman blog pada posisi visual (untuk wordpress) dan compose (untuk blogspot)

jonson hp
(…dari ruang ide kreatif dan pencerahan pikiran…)

Filed under: Tips dan Trik Praktek, Tutorial

8 Responses

  1. wadud@duad mengatakan:

    terima kasih, sangat berguna🙂
    salam kenal dari saya..

  2. masih mengatakan:

    masih bingung mas

  3. Jun Manurung mengatakan:

    Thank you Lae. Mampir dunk ke blog sya.

  4. taoz mengatakan:

    mantaf gan …🙂

  5. rendy mengatakan:

    (hari tanggal periode untung)(7 baris) gimana ya buat nya di blogspot

    • jonson hp mengatakan:

      Ok, Pa Rendi Menyambung pembicaraan di Telephone, Cara Buat Kotak Pada Blogspot yakni :
      1. Buka Microsoft Office XL
      2. Data isi Hari , Tanggal, Periode, Untung
      3. Jika ingin 7 Baris , Buat No 1 s/ 7 misalnya.
      4. Blok Tabel Kolom /baris data yang di Data isi tadi dan Copy
      5. Buka Entri Baru Blogspot
      6. Klik ‘Compose’ dan paste kotak ke entri baru
      7. Maka data akan muncul namun Kotak belum terlihat
      8. Untuk Menampilkan Kotak maka klik ‘edit html’
      9. edit tampilan kode >>
      > <table border="1" cellpadding="1" cellspacing="1"
      10. setelah di edit kode html maka klik 'compose' kembali.
      11. maka akan muncul tabel garis-garis pada tabel….

      ok , Pa. Rendi , semoga membantu…
      contoh lihat..http://jonbisnis.blogspot.com/2011/07/contoh-buat-tabel-kotak.html

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

Top Bisnis 2012

Create your own banner at mybannermaker.com!
Create your own banner at mybannermaker.com!

Jadi Penggemar BBM’C

Asal Pengunjung

MyFacebook

Twitter : jonsonhp

Error: Twitter did not respond. Please wait a few minutes and refresh this page.

%d blogger menyukai ini: