Trik Mudah Membuat Table Pada Artikel Postingan Blog !
Anda pasti akan merasa sedikit kesulitan ketika anda ingin membuat artikel postingan yang di dalamnya ingin menyajikan data dalam bentuk table, sama halnya seperti yang saya alami ketika pertama kali mengenal dunia blog.
Pada dasarnya beberapa flatform blog, seperti wordpress, tumblr, blogspot dan flatrofm blog lainnya memang sudah memiliki fasilitas yang sangat cukup memadai untuk membuat artikel postingan, baik artikel dalam bentuk text atau tulisan, video, gambar maupun kolaborasi diantara ketiganya, namun salah satu fasilitas yang tidak disajikan secara default atau bawaan adalah tool untuk membuat table, ya mungkin saja pengembang flatform menganggap table akan jarang sekali digunkaan, sehingga fasilitasnya tidak disediakan.
Khususnya di editor blog berflatform blogspot, coba saja anda lihat, tidak ada tool yang dapat digunakan untuk membuat table secara mudah, sehingga jika anda pemula anda pasti akan kesulitan ketika ingin menyisipkan table di dalam artikel postingan yang anda buat.
Tapi meskipun tidak ada toolnya atau fasilitasnya, sebenarnya table masih bisa kita buat namun harus mengandalkan cara manual menggunakan kode HTML, masalahnya adalah tidak semua blogger mengerti HTML sehingga untuk pemula yang baru pertama kali mengenal dunia blog dan untuk blogger-blogger yang memang belum pernah memiliki pengalaman dalam membuat table, kemungkinan besar akan menemukan banyak kesulitan.
Di blog dengan flatform wordpress.org yang dihosting secara pribadi untuk membuat table kita mungkin bisa menggunakan bantuan plugin, namun untuk blog berflatform blogspot, cara yang harus kita tempuh tetap harus cara manual.
Untuk anda yang kebetulan memiliki blog berflatform blogspot, untuk membuat table di artikel postingan blog, ada 2 cara yang bisa anda tempuh, yaitu mengetik kode HTML sendiri untuk membuat table secara manual, atau menggunakan bantuan pihak ke 3 yang secara otomatis dapat menggenerate kode HTML untuk membuat table sesuai dengan yang anda inginkan. Cara yang paling mudah dan praktis tentu saja dengan menggunakan bantuan pihak ke3 yang akan saya jelaskan di artikel kali ini.
Trik Mudah Membuat Table pada Postingan Blog
Trik mudah untuk membuat table di artikel postingan blogspot adalah menggunakan bantuan pihak ke 3. Disini saya akan jelaskan bagaimana cara membuat table untuk artikel blogspot menggunakan kolaborasi antara microsoft excel (ms excel) dan menggunakan bantuan tool pihak ke 3.
Secara detail langkah-langkahnya adalah sebagai berikut:
1. Buka aplikasi microsoft excel pada komputer anda. lalu buatlah table sesuai dengan apa yang anda inginkan, tidak usah di format berlebihan, cukup table biasa saja tanpa warna. sebagai contoh seperti gambar di bawah ini:
2. Seleksi table yang sudah anda buat di ms excel tersebut, seperti pada gambar di atas, kemudian tekan CTRL+C atau klik kanan dan pilih menu Copy.
3. Buka tool online table Generator untuk mengkonversi data table dari ms excel ke kode HTML, kemudian pada halaman table generator pilih menu File > Paste table data.... , seperti terlihat pada gambar di bawah ini:
4. Pada kotak isian yang muncul, silahkan anda paste data yang telah anda copy dari ms excel sebelumnya. seperti terlihat pada gambar di bawah ini:
Lalu tekan tombol Load. tunggu..sampai tampilan table muncul, anda bisa mewarnai dan memformat table sesuai dengan yang anda inginkan.
5. Setelah hasil tampilan table muncul, scroll ke bawah, lalu tekan tombol Copy to clipboard, untuk mengkopi kode HTML dari table yang sudah di generate.
6. Kembali ke editor postingan blog anda, pilih mode HTML, lalu paste disana.
Di bawah ini adalah contoh (demo) format table yang sudah saya buat:
| No | Nama Rumah Sakit | Alamat | Telepon |
|---|---|---|---|
| 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 mudah bukan, ya....sangat mudah sekali, karena anda tidak perlu mengetikan sendiri kode HTML untuk membuat table, cukup menggunakan bantuan tool pihak ke 3 yang dapat membantu anda menggenerate secara otomatis data table dari microsoft excel untuk anda. anda tinggal copy paste saja pada halaman editor blog anda. cara ini sangat mudah dan cepat bagi siapapun termasuk anda seorang pemula.
Oh ya ketika membuat table di halaman blog, pastikan bahwa table tersebut responsive, artinya jika halaman artikel tersebut diakses menggunakan perangkat mobile, lebar table harus bisa menyesuaikan dengan lebar perangkat yang mengaksesnya, sehingga pengguna tidak perlu geser ke kiri dan ke kanan, anda bisa melibatkan kode CSS untuk memodifikasi tampilan table tersebut agar responsive dan mobile friendly.
Itulah artikel tentang trik mudah membuat table di artikel postingan blog, oh ya cara di atas bisa anda gunakan untuk semua flatform blogspot, tapi harus anda kopi di mode HTML, baik blog berflatform blogspot, wordpress, tumblr, mywapblog dan flatform blog lainnya. semoga bermanfaat, selamat mencoba.
No comments:
Post a Comment
Silahkan berkomentar yang sesuai dengan topik, Mohon Maaf komentar dengan nama komentator dan isi komentar yang berbau P*RN*GRAFI, OB*T, H*CK, J*DI dan komentar yang mengandung link aktif, Tidak akan ditampilkan!