Skip to content Skip to sidebar Skip to footer

Widget HTML #1

Membuat Tabel di blogger Template VioMagz

himang.my.id - Kemarin saya sempat bingung kenapa ni dengan template blogger VioMagz kok border atau garis tabelnya hilang.

Membuat Tabel di blogger Template VioMagz
Saya bingung kebetulan saya agak paham dengan css dan html namun pas saya utak atik buat pas dipertinjauan tabelnya kelihatan (pertinjauan masih dalam Draf) tapi pas dipublikasikan garis atau bordernya pun hilang. 

Saya pun panik dan mencari disana sini didalam blog teman-teman blogger namun tak jumpa satupun yang memikat dan berhasil.

Sudah lelah saya mengutak atik template saya, saya baru sadar bahwasanya sayakan baru beli template ini (VioMagz Versiom : 3.2.8 ) dengan pemiliknya sendiri dalam arti sah. 

saya membeli dengan developer atau pembuat template dan saya masih dapat support dari mas sugeng langsung.

Dan saya pun chat mas sugeng melalui chat online diblognya dan perjalannya kurang lancar karena waktu itu hari minggu dan mas sugeng offline dan dengan sabar saya menunggu email saya dibalas dan mas sugeng memberi solusi.

Caranya yaitu ;

1. Buka blog Anda, masuk ke Tema > Edit HTML
2. Simpan kode dibawah ini tepat diatas kode </style> atau ]]></b:skin>

/* css tabel dogghozt.com */
table[border="2"] td, table[border="2"] th {
vertical-align: top;

font-size: 13px;
padding: 3px 5px;
border: 2px solid #000; /*dogghozt.com - warna garis atau bordernya*/
}
table[border="2"] th {
background: #5cea42; /* dogghozt.com - warna latar belakangnya*/
}

3. Klik Simpan (Save)
4. Kemudian untuk membuat tabel di dalam postingan, Anda buat postingan seperti biasanya. Lalu rubah dari mode Compose menjadi HTML (di kiri atas, dibawah nama blog). Selanjutnya masukkan script pemanggilan tabel dibawah ini.


Contoh Tabel yang saya buat ;

<table border="2">
        <tr align="center">  
        <th colspan="3" >Nama Binatang</th>
        </tr>
        <tr align="center">
            <th colspan="1"  width="1%" height="20%">No</th>
            <th colspan="1"  width="auto" height="20%">Indonesia</th>
            <th colspan="1"  width="auto" height="20%">Bahau</th>
        </tr>
        <tr>
            <td align="center">1</td>
            <td>Babi Hutan</td>
            <td>Bafui</td>
        </tr>
        <tr>
            <td align="center">2</td>
            <td>Babi Kampung (peliharaan)</td>
            <td>Uting</td>
        </tr>
        <tr>
            <td align="center">3</td>
            <td>Kucing</td>
            <td>Seeng</td>
        </tr>
    </table>


Hasil Dari Script Diatas

Nama Binatang
No Indonesia Bahau
1 Babi Hutan Bafui
2 Babi Kampung (peliharaan) Uting
3 Kucing Seeng

Oke teman-teman diatas saya sudah berikan sedikit solusi dari pengelaman peribadi saya membuat tabel ditemplate VioMagz. 

Ayo coba sekarang bagi yang masih belum paham bisa komentar dibawah atau hubungi saya langsung di Contact. Atau jika memang sulit dijelaskan nanti saya buatkan videonya buat teman-teman agar paham...

Tapi harapan saya selalu baik bahwa teman-teman bisa sekali mencoba. Semoga berhasil terima kasih buat teman-teman yang sudah berkunjung di blog https://www.himang.my.id/.

See You Again...


Post a Comment for "Membuat Tabel di blogger Template VioMagz"