Skip to main content

Cara Membuat Tabel Di Blog

Cara Membuat Tabel Di Blog

Kembali lagi di ViperGoy Blog. Pada kali ini saya akan membahas tentang Cara Membuat Tabel Di Blog. Perlu kita ketahui Tabel Berfungsi sebagai Alat Pembantu untuk memudahkan Pengaturan dan Pemisahan barang - barang seperti Nama, Kode, Harga atau Jika sekolahan digunakan untuk mengatur murid , kelas, nomer absen, dll... Tapi apakah ada Fungsi Tabel Untuk Blog ? Ya jelas ada dong, salah satunya kita gunakan untuk membuat Daftar HP/Gadget, Membuat List Tabel Daftar Blog Dofollow dan Daftar Social Bookmark, dll.... Nah, yang mungkin ini yang anda tanyakan untuk membuat itu semua memerlukan Tabel, Jadi, Bagaimana Membuat Tabel Di Blog Dengan CSS dan Mudah ? Saya akan menjawabnya , simak paragraf dibawah ini.

Cara Membuat Tabel Dengan CSS Di Blog :

Seperti yang saya ketahui untuk membuat Tabel kita harus mengerti dasar - dasarnya seperti :
  1. <TR>
  2. <TD>
  3. <TH>

dan ada juga Kode HTML Pembantu seperti :
  1. Border
  2. Cellpadding
  3. Cellspacing
  4. Width
  5. Dan Lain - Lain..

Tingkat 1 :
Contoh Paling Dasar adalah Membuat Tabel Secara Utuh atau Tanpa Garis :
Kode :

<table>

<tr>
     <td>Top Blog</td>
     <td>URL Blog</td>
     <td>Nice Article</td>
</tr> 
<tr>
      <td>ViperGoy Blog</td>
      <td>www.vipergoy.com</td>
      <td>Cara Membuat Tabel Di Blog</td>
</tr>
</table>

Hasil :

Top Blog URL Blog Nice Article
ViperGoy Blog www.vipergoy.com Cara Membuat Tabel Di Blog
Tingkat 2 :
Oke lanjut ke tingkat kedua, Kita kan Membuat Tabel Dengan Garis :
Kode :

<table border="1">
<tr>
     <td>Top Blog</td>
     <td>URL Blog</td>
     <td>Nice Article</td>
</tr> 
<tr>
      <td>ViperGoy Blog</td>
      <td>www.vipergoy.com</td>
      <td>Cara Membuat Tabel Di Blog</td>
</tr>
</table>

Hasil :

Top Blog URL Blog Nice Article
ViperGoy Blog www.vipergoy.com Cara Membuat Tabel Di Blog

Tingkat 3 :
Mungkin menurut anda contoh tabel atas terlalu kecil, oke kita akan bermain dengan Width :
Kode :

<table border="1" width="500">
<tr>
     <td>Top Blog</td>
     <td>URL Blog</td>
     <td>Nice Article</td>
</tr> 
<tr>
      <td>ViperGoy Blog</td>
      <td>www.vipergoy.com</td>
      <td>Cara Membuat Tabel Di Blog</td>
</tr>
</table>

Hasil :

Top Blog URL Blog Nice Article
ViperGoy Blog www.vipergoy.com Cara Membuat Tabel Di Blog
Tingkat 4 :
Selanjutnya ViperGoy akan kasih Tutorial Membuat Tabel Dengan Judul Tabel atau Tabel Headers dengan :
Kode :

<table border="1">
<tr>
     <th>Top Blog</th>
     <th>URL Blog</th>
     <th>Nice Article</th>
</tr> 
<tr>
      <td>ViperGoy Blog</td>
      <td>www.vipergoy.com</td>
      <td>Cara Membuat Tabel Di Blog</td>
</tr>

<tr>
      <td>Blogger Buzz</td>
      <td>buzz.blogger.com</td>
      <td>Blogger Bringing Comment Google+ in Blogger</td>
</tr>
</table>

Hasil :

Top Blog URL Blog Nice Article
ViperGoy Blog www.vipergoy.com Cara Membuat Tabel Di Blog
Blogger Buzz buzz.blogger.com Blogger Bringing Comment Google+ in Blogger
Tingkat 5 :
Lanjut ke tingkat kelima. Kali ini membuat Tabel dengan CellSpacing dan CellPadding :

CellPadding :
Kode :

<table border="1" cellpadding="10" >
<tr>
     <th>Top Blog</th>
     <th>URL Blog</th>
     <th>Nice Article</th>
</tr> 
<tr>
      <td>ViperGoy Blog</td>
      <td>www.vipergoy.com</td>
      <td>Cara Membuat Tabel Di Blog</td>
</tr>

<tr>
      <td>Blogger Buzz</td>
      <td>buzz.blogger.com</td>
      <td>Blogger Bringing Comment Google+ in Blogger</td>
</tr>
</table>

Hasil :

Top Blog URL Blog Nice Article
ViperGoy Blog www.vipergoy.com Cara Membuat Tabel Di Blog
Blogger Buzz buzz.blogger.com Blogger Bringing Comment Google+ in Blogger

CellSpacing :
Kode :

<table border="1" cellspacing="10" >
<tr>
     <th>Top Blog</th>
     <th>URL Blog</th>
     <th>Nice Article</th>
</tr> 
<tr>
      <td>ViperGoy Blog</td>
      <td>www.vipergoy.com</td>
      <td>Cara Membuat Tabel Di Blog</td>
</tr>

<tr>
      <td>Blogger Buzz</td>
      <td>buzz.blogger.com</td>
      <td>Blogger Bringing Comment Google+ in Blogger</td>
</tr>
</table>

Hasil :

Top Blog URL Blog Nice Article
ViperGoy Blog www.vipergoy.com Cara Membuat Tabel Di Blog
Blogger Buzz buzz.blogger.com Blogger Bringing Comment Google+ in Blogger

Tingkat 6 :
Mungkin ini tutorial Tabel yang terakhir dari ViperGoy Blog deh. Cara Membuat Tabel Dengan Warna ini membuat tabel kita indah dan menarik langsung dicoba :
Kode :

<table border="1">
<tr>
     <th bgcolor="#aaaaaa">Top Blog</th>
     <th bgcolor="#aaaaaa">URL Blog</th>
     <th bgcolor="#aaaaaa">Nice Article</th>
</tr> 
<tr>
      <td bgcolor="#dddddd">ViperGoy Blog</td>
      <td bgcolor="#dddddd">www.vipergoy.com</td>
      <td bgcolor="#dddddd">Cara Membuat Tabel Di Blog</td>
</tr>
<tr>
      <td bgcolor="#dddddd">Blogger Buzz</td>
      <td bgcolor="#dddddd">buzz.blogger.com</td>
      <td bgcolor="#dddddd">Blogger Bringing Comment Google+ in Blogger</td>
</tr>
</table>

Hasil :

Top Blog URL Blog Nice Article
ViperGoy Blog www.vipergoy.com Cara Membuat Tabel Di Blog
Blogger Buzzbuzz.blogger.comBlogger Bringing Comment Google+ in Blogger

Perlu Diingat !
Semuanya bisa anda jadikan satu dan mendapatkan Hasil yang menarik sekali. Jadi apakah anda ingin menyatukan Kode Pembantunya agar lebih baik dari ini ?

Sangat mudah sekali bukan ? Mari kita belajar dengan Paman ViperGoy lagi lain waktu hahaha...
Labels:

Comments

Post a Comment

Popular posts from this blog

MEMBUAT BLOG DI TERIMA ADSENSE

Membuat blog langsung di terima Google adsense atau sekali daftar langsung diterima oleh Google Adsense adalah idaman para blogger pemula. Karena Masa depan dari para publisher adalah mendapatkan bayaran dari iklan yang di tempatkan di Blog. Saya pun dulu seperti itu . Ada semangat ngeblog ketika blog yg kita miliki terpampang iklan iklan dari GA.  Walaupun ada banyak situs pengganti google adsense yg juga bayar mahal namun GA tetap menjadi pilihan paling utama .  Google adsense masih menjadi Favorit di urusan mendapatkan penghasilan dari internet Baca Juga ; Alasan Blog Di Tolak Google Adsense Untuk bekerja sama dengan Google adsense ada ketentuan ketentuan dasar yg harus Blogger mania ketahui kemudian terapkan. Walaupun ada banyak cara untuk mendapatkan adsense, Baik itu youtube atau ad mob tetapi disini kita bicara tentang Google adsense di Blog. Ketentuan inilah yg nantinya akan menjadi kebijakan yg dinilai oleh google apakah Blogger mania mengikuti aturan tersebu
Post a Comment
Read more

Biografi Calvin Richard Klein

Kembali lagi di ViperGoy Blog . Pada kali ini saya akan membahas tentang Biografi Calvin Richard Klein . Tak biasanya saya membawakan Perjalanan Hidup Seseorang, tapi dari sekian lama saya bingung mau memposting apa dan kebetulan saya sangat menggemari Dunia Fashion terutama merek Calvin Klein / CK . Jadi tak ada salahnya untuk membagi - bagikan ke pengungung vipergoy ini yang diambil langsung dari Blog Irijanto . Langsung saja.. Cekidott... Siapa sih yang tak kenal dengan merk Baju Calvin Klein ? atau merk Jam Calvin Klein ? serta merk Parfum Calvin Klein. Pembuatnya bernamakan lengkap Calvin Richard Klein ini menggeluti Dunia Fashion Designer sejak kecil, jujur saja Paman ViperGoy juga suka dengan Dunia Fashion, mangkanya saya kagum dengan kakek ini, yang bisa membuat Desain Bajunya digunakan diseluruh dunia terutama Amerika. Kita lihat saja Biografi Calvin Klein : Biografi Calvin Richard Klein : Saat berusia lima tahun Calvin Klein seakan sudah tahu apa yang dia ingin
Post a Comment
Read more

MENGENAL DAN CARA MEMBUAT ARTIKEL PILAR

Tulislah ѕеbuаh artikel utama pada blog аndа - Untuk membuat blog cepat terkenal dan menghasilkan untuk anda, ada ѕеbuаh rahasia уаng bіѕа dilakukan untuk menarik pengunjung dan membuat durasi kunjungan tеrѕеbut semakin lama.  Rahasianya аdаlаh membuat ѕеbuаh artikel pokok atau artikel utama уаng mencakup sebagian besar artikel уаng ada pada blog anda. Dan sebelum itu maka kita harus  MENGENAL DAN bagaimana CARA MEMBUAT ARTIKEL PILAR  Artikel utama memiliki fungsi ѕеbаgаі “Jembatan” kepada pengunjung untuk menjelajahi lebih banyak lаgі artikel уаng аndа miliki.  MENGENAL DAN CARA MEMBUAT ARTIKEL PILAR  CARA MEMBUAT ARTIKEL PILAR Dеngаn teknik seperti іnі аndа аkаn mendapatkan pengunjung serta membuat mеrеkа lebih lama dalam menelusuri dan membaca tiap-tiap artikel уаng аndа sediakan. Andа mungkіn ѕеrіng mendengar bаhwа konten аdаlаh raja (content is king). Ya benar sekali pabila ada yang berpendapat bahwa artikel konten аdаlаh raja  Oleh karena itu untuk mendapat uang lewat blog kita b
Post a Comment
Read more