Trik Gampang Menciptakan Table Pada Artikel Postingan Blog !

December 10, 2016
Anda niscaya akan merasa sedikit kesulitan saat anda ingin menciptakan artikel postingan yang di dalamnya ingin menyajikan data dalam bentuk table, sama halnya menyerupai yang aku alami saat pertama kali mengenal dunia blog. 

Pada dasarnya beberapa flatform blog, menyerupai wordpress, tumblr, blogspot dan flatrofm blog lainnya memang sudah mempunyai kemudahan yang sangat cukup memadai untuk menciptakan artikel postingan, baik artikel dalam bentuk text atau tulisan, video, gambar maupun kerja sama diantara ketiganya, namun salah satu kemudahan yang tidak disajikan secara default atau bawaan ialah tool untuk menciptakan 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 sanggup dipakai untuk menciptakan table secara mudah, sehingga kalau anda pemula anda niscaya akan kesulitan saat ingin menyisipkan table di dalam artikel postingan yang anda buat.

 Anda niscaya akan merasa sedikit kesulitan saat anda ingin menciptakan artikel postingan yang Trik Praktis Membuat Table Pada Artikel Postingan Blog !

Tapi meskipun tidak ada toolnya atau fasilitasnya, bergotong-royong table masih sanggup kita buat namun harus mengandalkan cara manual menggunakan instruksi HTML, masalahnya ialah tidak semua blogger mengerti HTML sehingga untuk pemula yang gres pertama kali mengenal dunia blog dan untuk blogger-blogger yang memang belum pernah mempunyai pengalaman dalam menciptakan table, kemungkinan besar akan menemukan banyak kesulitan.

Di blog dengan flatform wordpress.org yang dihosting secara langsung untuk menciptakan table kita mungkin  bisa memakai proteksi plugin, namun untuk blog berflatform blogspot, cara yang harus kita tempuh tetap harus cara manual. 

Untuk anda yang kebetulan mempunyai blog berflatform blogspot, untuk menciptakan table di artikel postingan blog, ada 2 cara yang sanggup anda tempuh, yaitu mengetik instruksi HTML sendiri untuk menciptakan table secara manual, atau memakai proteksi pihak ke 3 yang secara otomatis sanggup menggenerate instruksi HTML untuk menciptakan table sesuai dengan yang anda inginkan. Cara yang paling gampang dan mudah tentu saja dengan memakai proteksi pihak ke3 yang akan aku jelaskan di artikel kali ini.

Trik Praktis Membuat Table pada Postingan Blog

Trik gampang untuk menciptakan table di artikel postingan blogspot ialah memakai proteksi pihak ke 3. Disini aku akan jelaskan bagaimana cara menciptakan table untuk artikel blogspot memakai kerja sama antara microsoft excel (ms excel) dan memakai proteksi tool pihak ke 3.

Secara detail langkah-langkahnya ialah sebagai berikut:

1. Buka aplikasi microsoft excel pada komputer anda. kemudian buatlah table sesuai dengan apa yang anda inginkan, tidak usah di format berlebihan, cukup table biasa saja tanpa warna. sebagai teladan menyerupai gambar di bawah ini:

 Anda niscaya akan merasa sedikit kesulitan saat anda ingin menciptakan artikel postingan yang Trik Praktis Membuat Table Pada Artikel Postingan Blog !

2. Seleksi table yang sudah anda buat di ms excel tersebut, menyerupai pada gambar di atas, kemudian tekan CTRL+C atau klik kanan dan pilih sajian Copy.

3. Buka tool online table Generator untuk mengkonversi data table dari ms excel ke instruksi HTML, kemudian pada halaman table generator pilih sajian File > Paste table data.... , menyerupai terlihat pada gambar di bawah ini:
 Anda niscaya akan merasa sedikit kesulitan saat anda ingin menciptakan artikel postingan yang Trik Praktis Membuat Table Pada Artikel Postingan Blog !

4. Pada kotak isian yang muncul, silahkan anda paste data yang telah anda copy dari ms excel sebelumnya. menyerupai terlihat pada gambar di bawah ini:

 Anda niscaya akan merasa sedikit kesulitan saat anda ingin menciptakan artikel postingan yang Trik Praktis Membuat Table Pada Artikel Postingan Blog !

Lalu tekan tombol Load. tunggu..sampai tampilan table muncul, anda sanggup mewarnai dan memformat table sesuai dengan yang anda inginkan.

5. Setelah hasil tampilan table muncul, scroll ke bawah, kemudian tekan tombol Copy to clipboard, untuk mengkopi instruksi HTML dari table yang sudah di generate.
6. Kembali ke editor postingan blog anda, pilih mode HTML, kemudian paste disana.


Di bawah ini ialah teladan (demo) format table yang sudah aku 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 gampang bukan, ya....sangat gampang sekali, sebab anda tidak perlu mengetikan sendiri instruksi HTML untuk menciptakan table, cukup memakai proteksi tool pihak ke 3 yang sanggup 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 gampang dan cepat bagi siapapun termasuk anda seorang pemula.

Oh ya saat menciptakan table di halaman blog, pastikan bahwa table tersebut responsive, artinya kalau halaman artikel tersebut diakses memakai perangkat mobile, lebar table harus sanggup menyesuaikan dengan lebar perangkat yang mengaksesnya, sehingga pengguna tidak perlu geser ke kiri dan ke kanan, anda sanggup melibatkan instruksi CSS untuk memodifikasi tampilan table tersebut semoga responsive dan mobile friendly.

Itulah artikel tentang trik gampang menciptakan table di artikel postingan blog, oh ya cara di atas sanggup 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.


Sumber http://strukturkode.blogspot.com

Artikel Terkait

Next Article
« Prev Post
Previous Article
Next Post »
Penulisan markup di komentar
  • Untuk menulis huruf bold gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline gunakan <u></u>.
  • Untuk menulis huruf strikethrought gunakan <strike></strike>.
  • Untuk menulis kode HTML gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silakan parse kode pada kotak parser di bawah ini.

Disqus
Tambahkan komentar Anda

No comments