Cara Mudah Membuat Tabel Excel di Blogger

Cara Mudah Membuat dan Menambahkan Tabel Excel di Blogger - Sampai saat ini saya masih suka rancu untuk menambahkan tabel di web atau blogger. Mungkin karena tidak setiap hari saya membuat konten yang membutuhkan sebuah tabel excel yang perlu disematkan di tubuh konten. Namun untuk memberikan efek re-minder pada diri saya pribadi dan umumnya mungkin ini bisa menjadi sebuah ilmu atau pengetahuan blogger yang setia atau tak sengaja berkunjung ke Banggaos blog.

Membuat Tabel Excel di Blogger-blog-blogspot
Picture by: Banggaos Blog

Platform Blogger atau blogspot merupakan wadah pengembangan konten berbentuk web yang disediakan oleh pihak google. Tentu semua pun tergantung pada susunan CMS yang disediakan oleh platform blogger.com

Meski terkesan mudah dan gratis, nyatanya tidak semua memahami cara penyusunan dan struktur dalam pembuatan konten di blogger.com. 

Terutama untuk setiap konten data, dimana di dalamnya membutuhkan format tabel salahsatunya.

So, bagaimana cara kita menyikapinya?....


...Sebenarnya, untuk yang sudah terbiasa dengan dunia blog/web pasti akan langsung memahami. Apalagi, jika ia sudah mengenal bahasa untuk menjalankan sebuah web. Dimana di dalam menampilkan sebuah web ataupun blog, penggunanya perlu memahami bahasa HTML, CSS, dan Java Script.

 

Membuat Tabel Excel di Blogger atau Blogspot

Secara umum, membuat template tabel akan terasa mudah jika menggunakan program office berupa microssoft excel. Namun jika langsung kita sematkan ke halamaan konten akan membuat tampilan menjadi tidak rapih dan tidak responsive. Solusinya untuk platform blogger atau blogspot ini dibutuhkan pengeditan dengan cara manual terlebih dahulu, yang mana setiap tabel yang telah dibuat harus dirubah ke format HTMLterlebih dahulu sebelum disematkan. Secara garis besar, sebenarnya ada dua cara dalam membuat tabel di blogger atau blogspot. 

1. Dengan HTML dan CSS secara langsung

Untuk cara pertama ini bisa dengan membuatnya secara manual, namun membutuhkan sedikit keahlian karena menggunakan bahasa HTML dan CSS. Caranya ialah sebagai berikut;

a. Masuk halaman edit content pada blogger

b. Pilih tampilkan HTML

 

Menambahkan Tabel Excel di Blogspot

c. Ketikan secara manual data dalam script HTML


<table class="tg">
<thead>
  <tr>
    <th class="tg-0lax" colspan="2">My Blog</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td class="tg-0lax">Name</td>
    <td class="tg-0lax">Banggaos Blog</td>
  </tr>
  <tr>
    <td class="tg-0lax">Build </td>
    <td class="tg-0lax">2017</td>
  </tr>
  <tr>
    <td class="tg-0lax">Topic</td>
    <td class="tg-0lax">Blogging and News</td>
  </tr>
  <tr>
    <td class="tg-0lax">Author</td>
    <td class="tg-0lax">Bang-G</td>
  </tr>
</tbody>
</table>

Dan hasilnya akan menjadi seperti ini


My Blog
Name Banggaos Blog
Build 2017
Topic Blogging and News
Author Bang-G


 

2. Membuat Tabel Secara Online 

Untuk cara selanjutnya adalah cara yang paling simpel, yakni dengan menggunakan website terpercaya yang khusus bisa mengkonversi tabel dan kolom data secara online.

Untuk proses yang satu ini saya akan memberikan satu contoh web yang bisa membantu mengkonversikan data excel untuk disematkan ke dalam konten blog anda.


Cara ini telah saya coba lakukan dan tentunya berhasil, dan berikut ini adalah cara untuk membuat tabel excel rapih di halaman konten blogger:

a. Siapkan Data/Tabel Excel

Tentunya kamu perlu terlebih dahulu menyiapkan bahan atau data berbentuk tabel, misalnya seperti berikut ini.



b. Pastikan kolom tabel sudah disesuaikan dengan rapih. 

Misalnya sudah menggabungkan dua kolom yang diinginkan dan merapihkan data text di dalam kolom tabel excel.

c. Masuk ke website Tabel Generator, pilih menu HTML

Silahkan simpan file atau data dalam bentuk format CSV. Hal ini opsional, tapi untuk lebih mempermudah kamu bisa menyorot kolom tabel yang akan disematkan dan lakukan Copy - Paste secara langsung.

 



d. Lakukan editting tabel data



 

Jika sudah selesai silahkan pilih Generate

e. Sekarang silahkan buka halaman editting blogger milik kamu.

f. Pilih Tampilan HTML

g. Paste Data HTML hasil generate tadi di halaman edit konten blogger


Silahkan pilih pratinjau untuk melihat hasil tabel yang telah kamu buat, jika dirasa sudah cukup jangan lupa kembalikan ke mode Tampilan Menulis dan kemudian jangan lupa untuk disimpan.


Cara mudah membuat dan menyematkan Tabel Excel di Blogger memang sedikit rumit. Itu hanya memerlukan sedikit keuletan dalam mempelajari bahasa script dari HTML dan CSS. Jika kamu sudah sedikit memahaminya, kamu pasti bis membuat lebih baik dari ini. Percayalah...!

Jangan lupa untuk menghapus kode berikut, karena tidak perlu digunakan. Dan jangan lupa untuk menambahkan kode berikut agar tabel kamu menjadi responsive dan bisa dibaca dengan nyaman disemua ukuran gadget.


Post a Comment

Silahkan berkomentar dengan baik dan sopan. Komentar anda dapat membangun blog ini lebih informatif dan kreatif. Dilarang meninggalkan komentar yang berbau spam (bersifat pronografi, judi, link aktif dan promosi produk)

Previous Post Next Post