HTML/JavaScript

2019 Trik Mudah Membuat Table Pada Artikel Postingan Blog

Anda niscaya akan merasa sedikit kesulitan ketika anda ingin menciptakan artikel postingan yang di dalamnya ingin menyajikan data pada bentuk table, sama halnya seperti yang aku alami ketika pertama kali mengenal global blog. 

Pada dasarnya beberapa flatform blog, seperti wordpress, tumblr, blogspot dan flatrofm blog lainnya memang sudah mempunyai fasilitas yg sangat relatif memadai buat membuat artikel postingan, baik artikel pada bentuk text atau tulisan, video, gambar juga kerja sama diantara ketiganya, namun galat satu fasilitas yang tidak disajikan secara default atau bawaan adalah tool buat menciptakan table, ya mungkin saja pengembang flatform menduga table akan jarang sekali digunkaan, sehingga fasilitasnya nir disediakan.

Khususnya di editor blog berflatform blogspot, coba saja anda lihat, nir ada tool yg dapat digunakan buat menciptakan table secara mudah, sehingga apabila anda pemula anda pasti akan kesulitan waktu ingin menyisipkan table pada dalam artikel postingan yang anda buat.
Cara mudah membuat table di artikel postingan blogspot

Tapi meskipun nir terdapat toolnya atau fasilitasnya, sebenarnya table masih bisa kita untuk tetapi harus mengandalkan cara manual menggunakan kode HTML, masalahnya adalah nir seluruh blogger mengerti HTML sehingga buat pemula yang baru pertama kali mengenal global blog dan buat blogger-blogger yang memang belum pernah memiliki pengalaman pada menciptakan table, kemungkinan akbar akan menemukan banyak kesulitan.

Di blog menggunakan flatform wordpress.org yang dihosting secara eksklusif buat membuat table kita mungkin  bisa memakai donasi plugin, namun buat blog berflatform blogspot, cara yg harus kita tempuh permanen harus cara manual. 

Untuk anda yang kebetulan memiliki blog berflatform blogspot, buat menciptakan table pada artikel postingan blog, terdapat dua cara yang sanggup anda tempuh, yaitu mengetik kode HTML sendiri untuk menciptakan table secara manual, atau memakai bantuan pihak ke 3 yg secara otomatis bisa menggenerate kode HTML buat menciptakan table sesuai menggunakan yg anda inginkan. Cara yg paling mudah dan simpel tentu saja dengan menggunakan bantuan pihak ke3 yg akan aku jelaskan pada artikel kali ini.

Trik Praktis Membuat Table pada Postingan Blog

Trik mudah buat membuat table pada artikel postingan blogspot adalah memakai donasi pihak ke tiga. Disini saya akan jelaskan bagaimana cara membuat table buat artikel blogspot memakai kolaborasi antara microsoft excel (ms excel) dan memakai donasi tool pihak ke 3.

Secara detail langkah-langkahnya merupakan menjadi berikut:

1. Buka pelaksanaan microsoft excel pada komputer anda. Lalu buatlah table sesuai dengan apa yang anda inginkan, tidak usah di format hiperbola, relatif table biasa saja tanpa rona. Sebagai contoh misalnya gambar pada bawah ini:

Copy format table ms excel

2. Seleksi table yang telah anda buat pada ms excel tersebut, seperti pada gambar di atas, lalu tekan CTRL+C atau klik kanan dan pilih pilihan menu Copy.

3. Buka tool online table Generator untuk mengkonversi data table dari ms excel ke kode HTML, kemudian pada page table generator pilih pilihan menu File > Paste table data.... , misalnya terlihat pada gambar di bawah ini:
Membuat Kode html untuk table pada blog

4. Pada kotak isian yang ada, silahkan anda paste data yang sudah anda copy berdasarkan ms excel sebelumnya. Misalnya terlihat dalam gambar di bawah ini:

Cara membuat table kode html untuk artikel blog

Lalu tekan tombol Load. Tunggu..hingga tampilan table muncul, anda bisa mewarnai dan memformat table sesuai menggunakan yg anda inginkan.

5. Setelah output tampilan table ada, scroll ke bawah, kemudian tekan tombol Copy to clipboard, buat mengkopi kode HTML dari table yg telah pada generate.
6. Kembali ke editor postingan blog anda, pilih mode HTML, kemudian paste disana.

Di bawah ini adalah contoh (demo) format table yg telah aku buat:


1 RS BHAKTI MULIA JL. AIPDA KS.tubuN NO.79 Telp: 0215481625
2 RS HERMINA DAAN MOGOT KINTAMANI RAYA NO 2 Telp: 0215408989
3 RS JANTUNG HARAPAN.kita JL. LETJEN. S. PARMAN KAV.87 Telp: 0215684085
4 RS JIWA JAKARTA JL. PROF. LATUMETEN NO. 1 Telp: 0215682841
5 RS KANKER DHARMAIS LETJEN S PARMAN KAV.84-86 Telp: 0215681570
6 RS PATRIA IKKT Cendrawasih No 1 Komp. Kemhan Telp: 0215308981
7 RS PELNI PETAMBURAN JL. AIPDA K.S. TUBUN NO. 92-94 Telp: 5306901
8 RS PURI INDAH (IGD) JL Puri Indah Raya No.blok S2 Telp: 02125695222
9 RS ROYAL TARUMA (IGD) Jl. Daan Mogot No.34,Jakarta B Telp: 56958338
10 RS Siloam Kebon Jeruk (CoB) Perjuangan Raya Kav.8 Telp: 021-5300888

Bagaimana gampang bukan, ya....sangat mudah sekali, karena anda tidak perlu mengetikan sendiri kode HTML untuk membuat table, relatif memakai bantuan tool pihak ke 3 yg dapat membantu anda menggenerate secara otomatis data table berdasarkan microsoft excel buat anda. Anda tinggal copy paste saja dalam laman editor blog anda. Cara ini sangat gampang serta cepat bagi siapapun termasuk anda seseorang pemula.
Oh ya saat membuat table pada halaman blog, pastikan bahwa table tersebut responsive, artinya bila halaman artikel tadi diakses menggunakan perangkat mobile, lebar table wajib mampu menyesuaikan menggunakan lebar perangkat yg mengaksesnya, sehingga pengguna nir perlu geser ke arah kiri serta ke kanan, anda mampu melibatkan kode CSS buat memodifikasi tampilan table tersebut agar responsive dan mobile friendly.
Itulah artikel tentang trik gampang membuat table pada artikel postingan blog, oh ya cara di atas sanggup anda gunakan buat seluruh flatform blogspot, akan tetapi harus anda kopi pada mode HTML, baik blog berflatform blogspot, wordpress, tumblr, mywapblog dan flatform blog lainnya. Semoga bermanfaat, selamat mencoba.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel