Cara Membuat Tabel dan Cara Memasukkan kode HTML kedalam Tabel pada Blog

//lh3.googleusercontent.com/-K5UKWzgJhmU/AAAAAAAAAAI/AAAAAAAACdI/CN3nwiBZsGE/s512-c/photo.jpg
December 10, 2016




Selamat pagi sobat, kali ini saya akan berbagi bagaimana cara membuat tabel pada blog anda, tabel atau biasa di sebut border ini sangat penting untuk pada beberapa postingan karena tabel tau border ini memberi bingkai pada teks atau kode HTML tertentu. 

Pertanyaannya apakah sobat sudah mengetahui cara membuat tabel atau border pada blog, apakah sobat sudah mengetahui cara memasukkan kode HTML ke dalam blog, jika belum perhatikan postingan dibawah ini.

1. login ke blog sobat
2. klik entri baru anda juga bisa mengedit postingan yang sebelumnya telah anda publish.
3. klik HTML jangan Compose.
4. Masukkan kode dibawah ini untuk kedalam HTML.

<div style="border: 3px solid rgb(0, 0, 0); padding: 4px; background: #5F9EAD none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> Masukkan teks </div>

5. hasilnya seperti gambar di bawah ini:


itulah tutorial cara membuat tabel pada blog sobat, gimana gampang bukan, silahkan mencoba.

Baca Juga: Cara Membuat Copyright otomatis Update tahun

Pertanyaan kedua, bagaimana cara memasukkan kode html kedalam tabel pada postingan blog, waktu saya pertama mencoba saya kebingunan apa yang harus saya lakukan, tetapi setelah belajar dan mencoba akhirnya berhasil juga. oleh karena itu pada kesempatan kali ini saya akan memeberikan tutorialnya.

1. anda harus menggunakan alat parse HTML
2. Klik untuk menuju alat parse html: Alat Parse HTML
3. Masukkan kode HTML tersebut kedalam alat parse tersebut kemudian klik Parse, lihat gambar:


4. Setelah anda parse kodenya copy kode HTML tersebut.
5. berikutnya klik entri/postingan baru.
6. pilih HTML jangan Compose.
7. Masukkan kode berikut:

<div style="border: 3px solid rgb(0, 0, 0); padding: 4px; background: #5F9EAD none repeat scroll 0% 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"> Masukkan kode HTML yang sudah anda parse disini </div>

8. setelah anda masukkan kodenya klik publikasikan dan hasilnya pasti bagus, Lihat gambar tampilan seperti gambar nomor 7, kode html yang sebelumnya tidak bisa berada dalam kolom atau tabel, tetapi setelah kode htlnya di nurse akhirnya bisa. 

Gimana sangat mudah bukan, Jadikan postingan blog anda rapi dan tertata dengan sekaliseklai menggunakan tabel pada blog postingan anda. Jangan lupa share artikel ini keteman sesama blogger.


Related Post

SUBSCRIBE TO OUR NEWSLETTER

closed