Cara Membuat Tabel Cantik Postingan di Blog

Kali ini saya akan share tentang cara membuat tabel saat posting di Blogger seperti tabel yang dimiliki oleh Google Support. Membuat tabel keren ini menggunakan dua source kode, yaitu CSS dan HTML. Dimana kode CSS akan disisipkan pada template blogger, sedangkan kode HTML yang akan disisipkan pada postingan Blog kita. Kode CSS dan HTML ini murni saya dapatkan dari halaman Google Support. So, tanpa panjang lebar mari kita simak cara membuat tabel mirip tabel yang dimiliki oleh Google.com.
Tahap Pertama:
1. Login ke Blogger > Template > Edit HTML
2. Jangan lupa centang "Expand Template Widget"
3. Cari kode ]]></b:skin> lalu sisipkan kode CSS berikut ini tepat di atas ]]></b:skin>
<!-- Nice Table Tipnya.blogspot.com--> table th { padding-top: 7px; text-align: left; } .nice-table { border-collapse: collapse; border-spacing: 0; } .nice-table tr:first-child th { border-top: 0 none; } .nice-table th:first-child { border-left: 0 none; } .nice-table tr:first-child th:last-child { border-right-color: #5476FC; } .nice-table th { background-color: #5476FC; color: white; font-weight: bold; } .nice-table th, .nice-table td { border: 1px solid #EBEBEB; padding: 3px 10px; } .nice-table td { background-color: #E6E6E6; border-color: #E5E5E5 #CCCCCC #E5E5E5 #E5E5E5; color: #444444; } .nice-table td:last-child { border-right-color: #E5E5E5; } .nice-table tr:nth-of-type(2n) td { background-color: #FFFFFF; border-right-color: #E5E5E5; } .nice-table.spaced-table td, .nice-table.spaced-table th { padding: 10px; } .nice-table.wide { width: 95%; } .nice-table.narrow { width: 75%; } .nice-table.narrower { width: 50%; } .nice-table.narrowest { width: 35%; } <!-- Nice Table tipnya.blogspot.com-->
4. Klik Simpan template Tahap Kedua:
Tahap kedua adalah saat anda membuat postingan Blogger yang akan menggunakan tabel, pastikan edit entri pada mode HTML bukan "Compose".
Untuk membuat tabelnya silahkan ikuti contoh kode di bawah ini
<table class="nice-table" style="width: 90%px;"><tbody> <tr> <th>Header 1</th> <th>Header 2</th> <th>Header 3</th> <th>Header 4</th> </tr> <tr> <td>kolom 1 baris 1</td> <td>kolom 2 baris 1</td> <td>kolom 3 baris 1</td> <td>kolom 4 baris 1</td> </tr> <tr> <td>kolom 1 baris 2</td> <td>kolom 2 baris 2</td> <td>kolom 3 baris 2</td> <td>kolom 4 baris 2</td> </tr> <tr> <td>kolom 1 baris 3</td> <td>kolom 2 baris 3</td> <td>kolom 3 baris 3</td> <td>kolom 4 baris 3</td> </tr> <tr> <td>kolom 1 baris 4</td> <td>kolom 2 baris 4</td> <td>kolom 3 baris 4</td> <td>kolom 4 baris 4</td> </tr> </tbody> </table>
Header 1 Header 2 Header 3 Header 4
kolom 1 baris 1 kolom 2 baris 1 kolom 3 baris 1 kolom 4 baris 1
kolom 1 baris 2 kolom 2 baris 2 kolom 3 baris 2 kolom 4 baris 2
kolom 1 baris 3 kolom 2 baris 3 kolom 3 baris 3 kolom 4 baris 3
kolom 1 baris 4 kolom 2 baris 4 kolom 3 baris 4 kolom 4 baris 4

Catatan:
  • Jika ingin menambah atau mengurangi jumlah kolom dan baris, silahkan mengedit dengan memperhatikan kode <td> dan <tr>
  • Disetiap kolom akan ada kode <td> dan </td>
  • Disetiap baris akan ada kode <tr> dan </tr>
  • "Tahap Pertama" cukup dilakukan sekali saja, dan "Tahap Kedua" dilakukan setiap membuat tabel
  • Ada pertanyaan silahkan komentar.
Untuk yang ingin Copas, mohon link sumbernya :D

Baca Juga

Share this article :
 

+ komentar + 15 komentar

Rabu, 02 Januari 2013 02.22.00 WIB

nice post....

Rabu, 19 Februari 2014 13.54.00 WIB

perlu dicoba gan

Kamis, 06 Maret 2014 10.42.00 WIB

mantap,saya coba juga gan

Selasa, 17 Maret 2015 12.09.00 WIB

Nice info

Selasa, 03 November 2015 07.35.00 WIB

Terima kasih infonya , artikelnya sangat bermanfaat buat blogger pemula kaya saya

Minggu, 14 Agustus 2016 07.25.00 WIB

Kok punya saya gak ada ]]>>,trus klo gak ada tarok mana?

Selasa, 17 April 2018 18.48.00 WIB

Mantapp...sy akan mencoba

Jumat, 25 Mei 2018 15.31.00 WIB

mau punya dana lebih dari bermain game coba aja gabung sini
Deposit Rendah
Jacpot
Banjir Bonus
KLIK DI SINI

Sabtu, 08 September 2018 16.55.00 WIB

KompasQQ memiliki banyak permainan kartu online dengan uang asli yang dapat menemanimu di waktu santai, ada juga permainan unik dan populer saat ini.
Dan lagi kami juga baru menghadirkan permainan baru yaitu BANDAR66.

> POKER
> DOMINOQQ
> CAPSA SUSUN
> BANDARQ
> BANDAR POKER
> SAKONG
> ADUQ
> BANDAR 66

Hanya dengan minimal deposit dan withdraw sebesar Rp 15.000 kalian sudah bisa menguji keberuntungan anda.

Promo-promo terbaik yang di berikan KompasQQ
• Bonus CASHBACK sebesar 0.5%
• Bonus REFRENSI sebesar 10%+10%

Jangan lupa untuk langsung mampir ke situs kami ya, di www. kompasqq. com
Kalau masih ada yang ingin ditanyakan bisa langsung mampir ke livechat kami yaa.

Ditunggu kedatangan kaliah loh!

Selasa, 11 September 2018 12.58.00 WIB

TexasPokerQQ Agen Judi Online Terbaik dan Terpercaya Sepanjang Masa

Ayoo buruan!! gabung dan bermain di TexasPokerQQ Agen judi online terpercaya dan terbaik sepanjang masa. Hanya dengan 1 ID anda bisa bermain di 6 game sekaligus dan banyak promo-promo yang tersedia. Proses Deposit dan Withdraw yang sangat cepat serta dengan pelayanan terbaik yang anda terima. Berapapun kemenangan anda akan kami bayar secara langsung.

Yuk Langsung Saja Daftar di : https://goo.gl/965AHo

Game yang tersedia adalah sebagai berikut.
1. POKER
2. CEME KELILING / BANDAR Q KELILING
3. CEME / BANDAR Q
4. CAPSA SUSUN / BIG TWO / 13 KARTU
5. DOMINO QQ
6. SUPER TEN / THREE PICTURES / SAMGONG
7. OMAHA

Disuport oleh 6 bank terbaik di Indonesia yaitu.
1. BCA
2. BNI
3. BRI
4. MANDIRI
5. DANAMON
6. CIMB NIAGA

Bonus dan Promo yang besar antara lain.
1. BONUS DEPOSIT SEBESAR 5%
2. BONUS TURN OVER 0.5%
3. BONUS REFERRAL 10%

Kelebihan bermain di Texaspokerqq dengan agen-agen lain adalah.
1. Deposi Minimal 10.000 Withdraw Minimal 30.000 saja dengan proses yang sangat cepat.
2. Fairplay 100% Murni player vs player.
3. Pelayanan terbaik dari customer service 24jam.
4. Didukung oleh 6 bank terbaik di indonesia.

Dengan minimal deposit 10.000 saja anda sudah bisa bermain di 6 permainan secara langsung. Rasakan sensasi bermain di meja judi asli.

Untuk info lebih lanjut, silahkan hubungi kami di:
Livechat : https://goo.gl/yBFu4S
PIN BBM : 335A3785
WHATSAPP : +855 968672055
SKYPE : Texas PokerQQ
Facebook : https://www.facebook.com/tania.michelle.3591
TWITTER : @TexasPokerQQ
LINE : +855 968672055

Rabu, 21 November 2018 12.29.00 WIB

SARANACASH ADALAH SITUS ONLINE AGEN BOLA, CASINO ONLINE TERBAIK DAN TERPERCAYA DI INDONESIA.
PERMAINAN SARANACASH DAPAT DIAKSES MELALUI HP ANDROID, HP IOS, LAPTOP, DAN PC.

MINIMAL DEPOSIT HANYA RP.10.000,- DAN MINIMAL WITHDRAW RP. 20.000,-

DALAM SATU ID DAPAT BERMAIN :
- POKER - QIU - QIU - CAPSA SUSUN - SUPER TEN
- TARUHAN BOLA/SPORTBOOK (SBO & UBOBBET)
- LIVE CASINO/BACCARAT - ROULETTE
- IDNLIVE
- DAN SLOT GAME TERLENGKAP

PROMO YANG DISEDIAKAN :
- BONUS NEW MEMBER 20%
- BONUS DEPOSIT HARIAN 5%
- CASHBACK SPORTBOOK 8%
- BONUS ROLLINGAN CASINO 0.8 %
- BONUS TURNOVER POKER 0.5 %
- BONUS REFERRAL ( minimal 3 player )

BANK YANG TERSEDIA :
-BCA
-BRI
-BNI
-MANDIRI
-CIMB

UNTUK INFO LEBIH LANJUT DAPAT KUNJUNGI DI LINK
WWW.SARANACASH.COM

LINK ALTERNATIF :
- www.saranacash.net
- www.saranacash.org
- www.saranacash88.com

KONTAK KAMI :
- WA : 0853 5288 0692
- FACEBOOK : SARANACASH
- Line :saranacashdotcom
- INSTAGRAM : SARANACASH88


bola88
agen bola
bandar bola
judi bola
agen bola terpercaya
bandar bola online terpercaya
judi bola online terpercaya
agen poker
satu game untuk semua permainan
sportbook SBOBET
bandar casino terpercaya
judi casino terbesar
agen poker terbaik
bandar judi bola online terbaik
bandar judi terbaik di indonesia
daftar poker online
freechip
chip gratis
poker indonesia
bandar bola terbesar

Posting Komentar

 
Copyright © 2012. Belajar Ngeblog Aja - All Rights Reserved
Home| Contact Us| Term of Service| Privacy Policy|
Template Created by Creating Website
Proudly powered by Blogger