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 :)
Info bermanfaat gan. Makasih
thank ya uat info nya
sangat berguna untuk saya
Ini yg saya cari.Izin copas kodenya.Thks
oh jadi sbuah srcipt ya ?
info nya sangat menarik hehe
rumit juga cara nya ya hehehe
coba di bikin deh tabel nya
yuk kita bikin... hehhe
coba di buat kan tabel nya hehehe
coba di buat deh cara nya hehe
coba di tes deh cara nya hehehe smoga bisa
di coba aja yu cara nya hehe smoga saja bisa
coba di buat deh tabel ya
tabel gede bisa ?
bisa di buat ya ,, kiraiin gak bisa... thank deh
mantaap nih apa di wordpres juga sama gan ...
Thanks codenya berfungsi dgn baik.
menarik ini panduannya, akhirnya saya bisa menampilkan tabel di blogspot.
oh bisa ya cara buat tabel...
jadi pengen copas...
aha
Read more: http://hputih.blogspot.com/2011/07/cara-membuat-tabel-di-blog.html#ixzz1yzwKMnXw
oh bisa ya cara buat tabel...
jadi pengen copas...
bisa di coba....
Bagus tipsnya saya coba langsung mas, makasih infonya
Artikel yg sngat menarik...
Makasih bnyak Tips nya....
Terimakasih kunjungannya mbak
Oya beberapa tips di blog ini saya ijin pake untuk melakukan permaks di template blog saya
Jadi tambah ilmu nih, trims
keren tabel ny ^^
Artikel yg sngat menarik...
Makasih bnyak Tips nya....
tabel macam apa ya gan?
sangat menarik buanget gan arikelnya
hayoo pada wudlu
hayoo pada wudlu
Salam Kenal Gan Sukses Selalu
nice post gan buat yang suka ngeblog.. ini tips ampuh
nice post gan ane suka
sungguh.. sangat baik
sungguh luar biasa teyu
inspirasi baru nih
bagus bro blognya
ide cemerlang
bagus gan
thanks banget ya gan buat infonya
thanks buat infonya
trims gan udah dipasang di blog ane
berbagi kata motivasi gan..
“Agar bisa meraih kesuksesan, hasrat kesuksesanmu harus lebih besar dari rasa takut gagalmu.”
makasih om backlinknya
mantap tutornya om
wah bagus ne buat tambahan-tambahan informasi...
thx...
saya copas ya gan....
thx y infonya.....
mantep ne...
kebetulan lagi mau coba buat blog ne gan jadi sangat membantu..
thx gan...
cool posting..
thx ya gan uda share...
salam kenal
salam kenal bro
manfaat nie infonya
artikelnya bgs nie
cemerlang bro
thx ya
sip
krn g ska
ok bnget
like this
Teruslah berkarya.....walau jarangupdate, tapi yg paling bagus, setiap turun artikel adalah artikel menarik dan bermutu..salut...
ternyata mudah yah buat tabel di blog.. thx infonya
ini dia yang dicari2... coba ahh... makasih yah info nya
hampir sama dengan cara membuat footer yah??
kok ga bisa yah?? apa ada yang salah yah?? hhm...
langsung dicoba,,,,
ternyata begini ya buat tabel di blog....
thx..
thx ya uda share buat tabel di blog......
jadi tambah wawasan ne ...
terima kasih ya..
teruslah berkarya..setiap turun artikel adalah artikel menarik dan bermutu..
thx..
Mantap mba artikelnya, terus terang say baru menemukan script table ini, selama ini say buat table dengan cara copas dari excel ke postingan, thanks ya berbagi ilmunya.pasti akan sya terapkan
sipp... keren
pagi gan,mao liat blog yg kamu buat nie.
manteb bngt nie gan infonya.
tar aku mao coba bljr buat blog ahh gan.
tetep semangat ya gan...
dahsyat selalu bt km gan.tq ya..
mantap ne infonya..
langsung praktek ne gan..
ijin buat copas dulu ne...
siapa tau nanti bisa berguna buat yang lainnya...
ternyata caranya untuk buat blog seperti ini...
makasih ya
malam-malam berkunjung ne...
mantap infonya.
sukses terus buat post selanjutnya ya....
great article,...
Teruslah berkarya,walau jarang update, tapi yg paling bagus, setiap turun artikel adalah artikel menarik dan bermutu..mantabbb.......
sharing yang sangat bagus.!!!...
Trims mbak, tutorialnya sangat membantu saya bngt2..
saya akan coba langsung,....!!!!
Makasih bnyak Tips nya....!!!!!
tikel adalah artikel menarik dan bermutu..salut...
makasih om backlinknya
positive
i like
eruslah berkarya.....walau jarangupdate, tapi yg paling bagus, setiap turun artikel adalah artikel menarik dan bermutu..salut...
Makasih bnyak Tips nya....!!!!!
bagus banget ne sharingnya...
thx ya uda share cara buat blog...
makasih ya uda share...
berguna banget ne..
ternyata simple banget ya buat tabel di blog...
thx..
thx a lot for the tips.....
it's very useful...
oohh bgt ya gan.....!!!!^.^
salam aja deh gan...
wuuiihh,mantab nie!!!
blog yg keren,,
salam sehat semuanya
ini tutorial yang sangat bermanfaat sekali
INI YANG sedang saya cari
ilmunya sangat bermanfaat
blogwalking di malam hari nemu ilmu yang sangat bermanfaat.. kunjungan balik ya sobat
amazing post... salam kenal.
makasih ya uda share infonya..
jadi bisa buat table ne di blog...
tutorialnya keren banget ne,....
maksih ya uda share tutornya....
ilmu yang sangat bermanfaat ne....
nice article,,,,
jadi begini ya cara buat table....
mantap....
walau jarangupdate, tapi yg paling bagus, setiap turun
Read more: http://hputih.blogspot.com/2011/07/cara-membuat-tabel-di-blog.html#ixzz2Afj45Ege
jadi begini ya cara buat table.
adi begini ya cara
adi begini ya cara
good job
mantab gan artikelnya sangat bermanfaat.,.,..
artikelnya bermanfaat banget ne..
sip banget ne postnya...
good job on the post...
bisa buat tabel ne jadinya...
makasih...
boleh di copas ya...
makasih..
mantap ne tutornya,.,.
ditunggu tips2 lainnya ya....
good job on the post...nice!!
aku gak ngrti cara buat blognya mbak.
keren nie,,mantab dgn adanya blog seperti ini.
buat yg blog lain lagi donk mbak.bingung mao jwb apalagi..hehehe...
mantab bngt mbak.
sharing yang sangat bagus saya ambil gan buat oleh-oleh.
thx ya uda share buat tabel di blog
wuuiihh,mantab nie
de cemerlan
jadi pengen copas..
saya jg mao nie buat blog.
semangat yok mbak.
salam kenal aja mbak.
iikkhh,,,ketemu lg deh..
Teruslah berkarya
iikkhh,,,ketemu lg deh
saya akan coba langsung
oohh bgt ya gan
walau jarangupdate, tapi yg paling bagus,
mkasih atas infonya
salam kenal
sanagt menarik sekli artikelnya
mkasih gan
sharing yang sangat bagus saya ambil gan buat oleh-oleh.
coba di tes deh cara nya
Makasih bnyak Tips nya....!!!
http://xamthoneweb.com/obat-herbal-penyakit-tbc/ read
sharing yang sangat bagus saya ambil gan buat oleh-ole
mau bngt donk.
blog yg bgs.
semangat aja.
salam mbak.
berguna bngt.
makasi gan sharenya
salam kenal
Teruslah berkarya.
artikel bermutu.
caranya sulit ya bro??
informasi ya keren.
mantab deh bro.
oh bgitu ya mkasih atas ilmunya
sanagt bermanfaat sekali untuk saya infonya
ih waw..
mantepp bgt nih kak infonya..
mesti pake kode html ya.. ^^
hihi..
makasih banyak.... :D
oh seperti itu ya gan,,, mantap deh infonya???
wah,,, langsung ah saya akan mencobanya,, makasih ya ilmu nya
Artikelnya bermanfaat sekali sob,...
sip dehh, aku coba dulu deh yahh hehehehe