Cara Membuat Tabel di Blog
Setelah sekian lama tidak memposting tentang tips blog, hari ini saya terpikir untuk menulis kembali tentang tips blog tersebut. Meskipun tips ini saya yakin sudah diketahui oleh sobat semua. Namun tidak ada salahnya saya kembali menulisnya untuk mengingat kembali atau sebagai bahan flash back.
Yakni, bagaimana cara membuat tabel di blog guna memperindah postingan atau sekedar menampilkan informasi yang membutuhkan media tabel. Ini saya dapatkan dari hasil blogwalking ke blog sahabat yang menampilkan table dengan desain unik dan menarik. Tampilannya pun juga rapi, sehingga menggugah hati saya untuk mengetahui lebih jauh bagaimana cara membuat tabel di blog nya tersebut.
Langkahnya cukup simple sobat.
Nah, terus bagaimana cara kita meletakkannya di dalam postingan sobat? Pada laman posting, saat menuliskan artikel, letakkan kode berikut ini untuk menampilkan daftar tabel yang kita inginkan.
Sebagai contohnya, sobat bisa lihat punya saya ini.
Bagaimana sobat contoh yang saya tampilkan tersebut? Itulah sedikit gambaran hasil cara membuat tabel di blog saya ini.
Sekian dulu sobat artikel cara membuat tabel di blog. Kritik dan saran sangat saya harapkan demi kebaikan blog ini ke depan…
Yakni, bagaimana cara membuat tabel di blog guna memperindah postingan atau sekedar menampilkan informasi yang membutuhkan media tabel. Ini saya dapatkan dari hasil blogwalking ke blog sahabat yang menampilkan table dengan desain unik dan menarik. Tampilannya pun juga rapi, sehingga menggugah hati saya untuk mengetahui lebih jauh bagaimana cara membuat tabel di blog nya tersebut.
Langkahnya cukup simple sobat.
- Login ke blog kita
- Masuk ke laman rancangan
- Kemudian ke halaman Edit HTML, jangan lupa beri tanda centang pada Expand Template Widget
- Kita cari kode ]]></b:skin>
- Setelah ketemu, tepat diatasnya tambahkan kode berikut :#mytable{width:98%;padding:0;margin:0}caption{padding:0 0 5px 0;width:98%;font:italic 11px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-align:right}th{font:bold 11px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;color:#4f6b72;border-right:1px solid #c1dad7;border-bottom:1px solid #c1dad7;border-top:1px solid #c1dad7;letter-spacing:1px;text-transform:uppercase;text-align:center;padding:3px 3px 3px 6px;background:#cae8ea url(http://sites.google.com/site/hitamputihlife/gambar/bg_header.jpg) no-repeat}th.nobg{border-top:0;border-left:0;border-right:1px solid #c1dad7;background:none}td{border-right:1px solid #c1dad7;border-bottom:1px solid #c1dad7;background:#fff;padding:3px 3px 3px 6px;color:#4f6b72;text-align:left;left;left;right;right;}td.alt{background:#f5fafa;color:#797268}th.spec{border-left:1px solid #c1dad7;border-top:0;background:#fff url(http://sites.google.com/site/hitamputihlife/gambar/bullet1.gif) no-repeat;font:bold 10px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;}th.specalt{border-left:1px solid #c1dad7;border-top:0;background:#f5fafa url(http://sites.google.com/site/hitamputihlife/gambar/bullet2.gif) no-repeat;font:bold 10px "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;color:#797268}
- Simpan template kita.
Nah, terus bagaimana cara kita meletakkannya di dalam postingan sobat? Pada laman posting, saat menuliskan artikel, letakkan kode berikut ini untuk menampilkan daftar tabel yang kita inginkan.
<center><table id="mytable" cellspacing="0" summary="Daftar Artikel Tips Blog"><caption><a href='http://hputih.blogspot.com' target='_blank'>Tips Blog Ala Hitam Putih Kehidupan</a></caption><thead><tr><th scope="col" abbr="" class="nobg">No</th><th scope="col" abbr="">Tips Blog</th><th scope="col" abbr="">Tanggal Posting</th></tr></thead><tbody><tr><th scope="row" abbr="" class="spec">1</th><td><a href='http://hputih.blogspot.com/2011/04/cara-membuat-daftar-isi-blog-di-halaman.html' target='_blank'>Membuat Daftar Isi</a></td><td>05 April 2011</td></tr><tr><th scope="row" abbr="" class="specalt">2</th><td class="alt"><a href='http://hputih.blogspot.com/2010/11/memberi-penomoran-pada-kotak-komentar.html' target='_blank'>Memberi Nomor Komentar</a></td><td class="alt">16 November 2010</td></tr><tr><th scope="row" abbr="" class="spec">3</th><td><a href='http://hputih.blogspot.com/2010/09/membuat-salam-pembuka-di-blogspot.html' target='_blank'>Membuat Salam Pembuka</a></td><td>15 September 2010</td></tr><tr><th scope="row" abbr="" class="specalt">4</th><td class="alt"><a href='http://hputih.blogspot.com/2010/08/membuat-postingan-menjadi-dua-kolom-di.html' target='_blank'>Membuat Posting 2 Kolom</a></td><td class="alt">15 Agustus 2010</td></tr></tbody></table></center>
Sebagai contohnya, sobat bisa lihat punya saya ini.
| No | Tips Blog | Tanggal Posting |
|---|---|---|
| 1 | Membuat Daftar Isi | 05 April 2011 |
| 2 | Memberi Nomor Komentar | 16 November 2010 |
| 3 | Membuat Salam Pembuka | 15 September 2010 |
| 4 | Membuat Posting 2 Kolom | 15 Agustus 2010 |
Bagaimana sobat contoh yang saya tampilkan tersebut? Itulah sedikit gambaran hasil cara membuat tabel di blog saya ini.
Sekian dulu sobat artikel cara membuat tabel di blog. Kritik dan saran sangat saya harapkan demi kebaikan blog ini ke depan…
Teruslah berkarya.....walau jarangupdate, tapi yg paling bagus, setiap turun artikel adalah artikel menarik dan bermutu..salut...
sharing yang sangat bagus saya ambil gan buat oleh-oleh...
salam mbk..
wah jadi malu saya kok referensinya dari blog saya. Btw thanks banget mbak..
mantap artikelnya
@Belantara Indonesia : Trimakasih sobat,tapi kayaknya artikel saya masih jauh dari kata "bermutu" sob, hehehe...
@pengobatan : Trimakasih telah berkunjung sob
@Tim Muntok : Kok malu? Blog anda bagus kok sob, makanya saya jadikan referensi untuk menimbulkan ide menulis artikel ini
Wah ini dia cara bikin tabel keren hhe... :) soalnya udah ikut memnafaatkan CSS gak cuma pake HTML doank :) sampe hari ini aku jujur belum pernah bikin postingan yg memerlukan tabel Sob :) tapi klo nanti butuh aku tinggal ksini lagi, Boleh kan Sob? hhe....
Duh yang sulit dan cantik memang butuh script yang rumit ya...
Terimakasih kunjungannya mbak
Oya beberapa tips di blog ini saya ijin pake untuk melakukan permaks di template blog saya
Terutama tutorial tentang : membuat komentar ada terimakasihnya yang sangat bagus untuk ditampilkan di kotak komentar
wah, artikelnya mantap mbak :)
assalamualikum,wrwb.met sore semua, karna sebentar lagi kita akan menyambut datangnya bulan suci romadhon, saya mohon maaf atas semua kesalan baik yg di sengaja / yg tdk di sengaja, smoga amal ibadah kita dapat di terima oleh alloh swt. amin yarobbal alamin.
Mantap nih tipsnya, ane emang mau buat table di blogspot ane, kao gitu langsung saja dicoba, tks ya...
makasih teman atas info nya
salam kenal mas...d ttgu knjngan balikny...
Jadi tambah ilmu nih, trim
Bagus tipsnya saya coba langsung mas, makasih infonya
keren tabel ny ^^
Artikel yg sngat menarik...
Makasih bnyak Tips nya....
bisa di coba....
saya sudah susah payah mencari posting tentang pembuatan tabel untuk blog. tapi menurut saya, tabel anda bagus. namun hanya ada 2 kolom.
sayang sekali.
jujur, blog saya sangat membutuhkan tabel.
Trims mbak, tutorialnya sangat membantu saya...
mantep nih, copy ya kode html nya buat diblog
thanks salam kenal
Bagus tipsnya saya coba langsung mas, makasih infonya
oh bisa ya cara buat tabel...
jadi pengen copas...
aha
saya sudah aplikasikan tips nya..blog saya jd keren bgt niy
Ijin mempraktekkan ilmunya agan,smoga bermanfaat
wah boleh nih. perlu dibookmark
tips yang bermanfaat...
terimakasih...
langsung di coba saja gan
bisa buat absen nih
alhamdulillah sy bisa caranya..trims infonya
nice post
sangat bermanfaat artikel membuat tabel di blog :)
terima kasih :)
waaah kereeen :)
makasii udah keliling daritadi nyari artikel cara buat tabel, akhirnya nemu juga.
salam sukses selalu
ini yang saya carai buat blog ku,,hehehe,,,terima kasih ya gan,,semoga tidak galat,,hehe
ini buat blogspot kn gan ...
mantaap dah nanti saya coba...