Skip to main content

CARA MEMBUAT TABEL DIDALAM POSTINGAN BLOG TANPA KODE

dapat membantu bloging
Contoh halaman Google Docs "word" yang dapat dimanfaatkan buat memperkaya konten blog
Kebanyakan tutorial atau konten berisi trik pemasangan tabel, daftar, speks dsb menjelaskan teknik pemasangan tabel seperti diatas menggunakan elemen HTML , atau dengan cara menuliskan kode pembentukannya terlebih dahulu ke dalam HTML blogspot.

Saya telah mencoba beberapa trik tersebut dengan kendala:
  1. Lebih sering kurang responsive, misalnya di web consol google terdapat peringatan: konten terlalu lebar saat dibuka melalui layar mobile. Sobat tahukan betapa vitalnya halaman mobile alias hape buat blogging dizaman sekarang? Itu artinya dalam beberapa kasus cara diatas ribet.
  2. Setiap template blogger strukturnya pasti memiliki beberapa perbedaan. Misalnya template yang satu lebih di dominasi oleh kode CSS, sedangkan yang template lain memiliki beberapa JavaScript dari link eksternal yang tidak jarang berlawanan dengan format kode kode tertentu saat membentuk tampilan visual HTML. Meletakan dan menankan kode kode baru ke dalam HTML terkadang bisa menjadi sumber sakit kepala.
  3. Bagi yang awam kode pengerjaannya jadi lama. Kalau sekedar menuliskan daftar, spesifikasi dalam format tabel masih oke, coba kalau menulis dan memberi contoh akutansi, statistik angka dunia pendidikan, statistik penelitian ilmiah (yang dapat di copy-paste) wah ribet, sob.

Ribet pokoknya pakai kode, saya yang setiap hari mengutak atik kode (berhubung pekerjaan) saja malas, betul gak? Jadi begini: Kalau pakai pasang kode sobat harus masuk ke opsi "entri baru" tapi bukan bagian compose melainkan bagian HTML:

Entri:
Compose
HTML

Pokoknya ribet deh jadi bagaimana kalau ada cara lain? Lebih mudah dan tanpa ribet. Caranya adalah dengan masuk saja ke google docs, Google docs itu sama sejenis aplikasi office atau perkantoran sama saja dengan Wordnya Microsoft. Tapi mengapa harus Google Docs? Mengapa tidak pakai Wordnya MS office? Mau tau alasannya?
  1. Google docs dan Blogger itu sama sama milik Google dibuat oleh Google kompatibilitasnya terhadap blogger blogspot lebih tinggi, formatnya tidak akan merusak format blogger blogspot.
  2. Sedangkan Microsoft Word adalah prosesor word yang berbeda dengan post blogger yang prosesor text maka ketika kita menulis melalui MS Word dan mengkopi dan lalu mempastekannya ke dalam entri blogspot seluruh format MS Word yang di bangun berdasarkan c++ itu jadi terikut mencampuri perintah pada struktur blogger. Itu bisa berakibat tampilan postingan blog hanya tinggal satu pada homepage. Cara mengembalikannya silahkan baca artikel saya: SEBABNYA POSTINGAN DI HOMEPAGE BLOG MUNCUL HANYA 1
  3. Bayangin gimana C/C++ terhadap blogspot yang elemennya HTML, yang ngerti koding  pasti mudah membayangkannya. Dan itu sebabnya mengapa Google docs begitu mirip dan kompatibel sama blogspot yakni karena basis dan sumber kodenya hampir mirip mirip saja. 
Perhatikan format dibawah ini saya buat dengan Google Docs buat disana copy dan paste disini:


Masuk
Keluar
debit
Keterangan
Rp. 100
Rp. 00
Rp. 5
-
Rp. 60
Rp. 10
Rp. 00
opsi
Rp. 70
Rp. 60
Rp. 12
opsi 2

CARANYA..
  1. Sambil menulis, buka juga dong google docs, buat sebuah tabel dengan isian yang sobat inginkan, misal list atau daftar, spesifikasi produk, tabel dsb.
  2. Insert tabel pada lembar Google docs, buat sejumlah kolom baris atas dan garis bawah sesuai dengan yang sobat inginkan
  3. Isi dengan data yang telah sobat persiapkan.
  4. Setelah semua selesai copy seluruh kolom berikut data data tadi dan pastekan/sisipkan di halaman konten yang sedang sobat buat.
Trik ini saya cobakan sendiri dan hasilnya lihat diatas. Memang belum sempurna karena disamping saya memang malas buat data dengan tabel, saya juga sedang mencoba beberapa format aplikasi lain untuk keperluan ini di blogspot.

Contoh (hanya buat coba coba dan iseng ya...maaf namanya saya catut he he he)

DAFTAR TEMAN TEMAN BLOGGER
Nama
Gender
Situs
KuanYu
Pria
https://www.katakuanyu.com
Khanif
Pria
http://khanifahmads.blogspot.com
Zunif
Pria
https://zunif.com
Kang Nata
Pria
www.asikpedia.com
Himawan Sant
Pria
https://www.maswid.net
Maswid
Pria
http://khanifahmads.blogspot.com
Djangkaru Bumi
Pria
https://www.djangkarubumi.com
Ekopriantoblogs
Pria
http://www.ekopriantoblogs.top
              DAFTAR NAMA NAMA BLOGGER WANITA:
Dewi ElsawatiWanitahttps://dewielsawati.blogspot.com
DyahWanitahttp://reallysmallone.blogspot.com
Rayne (Rey)Wanitahttps://www.reyneraea.com
Yulia MarzaWanitahttp://www.yuliamarza.com
RatuTipsWanitahttps://www.ratutips.com

Jadi memang gak perlu main kode lagi bukan? Oh ya satu hal lagi tidak seperti pembuatan melalui perintah kode yang kadang ke lebaran kalau kurang "expert" memodifikasi CSS, cara ini membuat tampilan tabel jadi responsive alias dapat menyesuaikan dirinya sendiri terhadap segala ukuran layar lho....lho...lho...

www.editblogtema.net

Mungkin Anda Suka:

Comments

  1. wah, bermanfaat sekali mas infonya mas,..sela ini saya selalu pakai ms.word, ternyata bisa pakai google docs juga ya dan hasilnya juga tidak error ketika di pastekan di blogspot,..terima kasih mas atas ilmunya

    ReplyDelete
    Replies
    1. Untungnya ms word sekarang sama blogger sekarang sudah mulai "klop" hanya tinggal sedikit kode bertabrakan. Coba 5 tahun lalu homepage blog bisa bisa postingan hanya muncul satu.

      Google docs bisa di akses online via browsee saat kita membutuhkannya

      Delete
  2. Huahahah......saya ngak nyangka kalau di dalam KOLOM-nya ada NAMA Saya dan BLOG saya, hahahah,,,,,bener -bener ide yang KREATIF. Cap Jempol dech.......hahahah.

    Dulu saya bikin TABEL pakai KODE HTML...hasilnya bikin RIBET, MAS.......!

    Dan kalau nanti bikin tabel lagi, kayaknya saya akan tiru TRIK Mas Sofyan Dech.#lebih simple dan ngak Rumit.

    Editblogtema, memang oceh...

    Ohy...Mas, saya mau tanya....

    1. Gimana cara nyari alamat email ketika kita cek kode HTML blog orang lain... ?
    2. Gimana cara untuk mengetahui blog orang lain, mengunakan Kode Penayang adsense miliknya ?

    saya sudah cari tapi ngak ketemu, karena mas paham masalah kode, jadi saya pikir mungkin Mas ada masukan buat saya.....

    ReplyDelete
    Replies
    1. Tuan blog kemana yach....hihihihi....

      Delete
  3. Kang Nata, kalau yang dicari itu blognya masih pakai subdomain blogspot.com. Hampir tidak mungkin. Karena itu masih dalam lindungan Google dan sumbernya disimpan disana.

    Lebih mudah yang TLD kayak blognya kang Nata www.asikpedia.com, dengan cara inspect elemen melalui browser chrome, firefox atau IE.

    Contoh:

    kunjungi blog / website untuk mengetahui siapa pemiliknya (misal www.asikpedia.com)
    Kemudian kita bisa melihat thema blog, cara mudahnya kita ketuk secara bersamaan pada keyboard (CLTR + U ) Firefox Engine dan pada browser IE atau cukup klik kanan, kemudian pilih "View Source" maksudnya cek kode sumber blog / website.
    Langkah selanjutnya salin kode tersebut pada browser kemudian ketuk enter / pencarian. Ketikan satu kunci kata pencarian.

    Kalau dari daftar nama blog terdaftar cukup cari di bagian

    Whois.

    Saya sendiri masih awam klo soal ngintip ID orang hhhhh😁😁😁

    ReplyDelete
  4. mas sofyan terorganisir sekali ya daftar teman-teman blogger aja pun dibikin tabel, kalo saya biasanya blogwalking dengan mengklik satu-satu dari daftar bacaan atau komentar.

    ReplyDelete
  5. Kalau saya biasanya bikin tabel di ms word trus di screenshoot aja tuh lalu fotonya dimasukin ke postingan blog jadinya gambar tabel bukan tabel asli wkwkwk
    saking bingungya karena nyobain tabel html kurang respomsive, nanti saya coba google docs deh hehehe

    ReplyDelete
    Replies
    1. Klo di poto memberatkan loading, klo pakai docs bisa langsung diedit di postingan setelah di copy-paste maksud saya isiannya yang berbentuk font tadi..

      Delete
  6. Kalo saya biasanya saya jadikan jpeg mas trs add image hehee.

    Betewe trims tutorialnya, ternyata tanpa kode jg bisa yah

    ReplyDelete

Post a Comment

Ajukan pertanyaan dan berikan detailnya untuk memudahkan kami menganalisa dan troubleshooting agar kami dapat membantu atau membantu memecahkan masalah seputar kode kode HTML, CSS dan JS template blog kalian

Jika ingin komen dengan menyisipkan kode HTML, parse terlebih dahulu kodenya di :
Blogcrowds
Lalu hasil parse pastekan ke dalam kotak komentar.

Bagaimanapun pertanyaan, kritik, saran dan masukan dari kalianlah yang membuat blog ini tetap bertahan dan ada.

Terimakasih

Salam dari Admin
Anissa Auliasari

Popular Posts

CARA MEMPERBAIKI ADD NUMBERING DAN ADD BULLETS YANG TIDAK BISA TAMPIL PADA POSTINGAN BLOG

Tulisan ini di posting adalah karena terdapat problem yang muncul setelah template di buat dan postingan di cobakan atau di publish. Terutama karena hal ini terjadi pada tema EditBlogTema yang dibuat untuk sementara berdasarkan tema sederhana bawaan blogger.
Problem tersebut muncul karena pada saat menuliskan beberapa item dalam bentuk daftar atau list ternyata tidak terlihat pada postingan padahal sudah di publish ke hadapan pembaca. Setelah saya cari di dasbor ada tool yang bernama "Add Numbering dan Add Bullets" yang tidak bekerja.

Sudah tentu ini pasti celah kelemahan tema jadi harus segera di perbaiki.

Ketika menulis pada dasbor blog dan di preview sepertinya tidak ada yang salah diatas tool "compose" terdapat add numbering dan add bullets tesebut dan pada saat dilakukan penulisan dalam bentuk list keduanya tampak berfungsi dengan baik, tapi apa yang terjadi pada saat artikel setelah di publish? Maksud menampilkan daftar atau list tadi hanya menampilkan tulisa…

ANDA PANASARAN, APAKAH IMUWAN PERCAYA KEPADA TUHAN?

Pertanyaan yang paling menggelitik para penganut agama perihal apakah ilmuwan percaya agama dan bagaimana cara mereka memandang penciptaan alam semesta diantaranya adalah:
Apakah Einstein percaya doaApakah Ilmuwan percaya akan keberadaan TuhanBagaimana dia memandang penciptaan Alam Semesta?Beda, beda banget dengan kita. Sebagian besar faktanya tercermin dari hasil penelitian ilmiah yang mereka presentasikan di depan umum, sebagian lagi dari statemen dan jawaban jawaban yang telah di publikasikan pada saat ceramah  sesi ilmiah yang pernah di berikannya.
Kita sedang membicarakan empat orang Ilmuwan dan penemu hebat, ilmuwan paling beken sepanjang masa: Albert Einstein, Stephen Hawking, Thomas Edison dan Charles Darwin. Terlepas bagaimana para pemeluk Agama yang taat memandang mereka, tidak dapat di sangkal lagi, ide ide, teori teori dan penemuan mereka telah meraut bulat lonjongnya dunia yang sedang kita huni di Dunia sekarang ini. Sebagian besar hasil sumbangsih mereka bahkan ikut andi…

2 CARA KEREN MEMASANG NAVBAR MENU PADA TEMPLATE NOTABLE

Saya suka Notable, bergaya desain rockpool, template ini dinamis, kencang, aman dan stylish. Tetapi untuk membuatnya tampak beda (stylish) kalian harus berusaha merubah, mengedit dan menambah pada bagian CSS, HTML atau bahkan hingga menambahkan Javascript. Salah satu cara merombak tampilannya adalah dengan menambahkan navbar custom ke dalam template Notable. Dan jika kalian ingin template tersebut menjadi beda, tampak premium dan lebih bagus performa nya, maka kalian dapat mengikuti langkah langkah berikut:
1. Menambahkan navbar dengan drop down Silahkan pasang template notable ke blogger untuk percobaan kalian, lalu masuk ke bagian pengaturan dasbor blogger. Saya anggap kalian telah menggunakan tampilan dasbor terbaru blogger: Pilih temaKlik menu (tiga titik bersusun)Ketika muncul menu dropdown pilih: Edit HTMLPerhatikan gambar: Pada halaman editor HTML blogger cari kode </head> dan letakan saja kode CSS berikut tepat diatasnya: <style>
body {margin:0;font-family:Arial}
.topnav …

PANDUAN LENGKAP SEDERHANA MENGEDIT TEMPLATE EMPORIO

4 varianTemplate terbaru milik blogspot blogger memiliki banyak sekali kelebihan: Kemudahan mengedit dan memkustomisasi template, kaya dengan style dan warna. Cobalah! Ini adalah panduan lengkap cara "mengoprek" template bawaan (default) blogger menjadi beda dan tampak premium. Ikuti secara seksama. Sisanya ada ditangan sobat sendiri...
Bagian Isi:
Kelebihan template bawaan bloggerKelebihan varian terbaru template bloggerMerombak heading blogger agar dinamisMemasang related postMemasang menu navigasiMenambahkan CSSMenambahkan HTMLMenambahkan Javascript Langkah merubah Desain Template blogger:
(Menggunakan HTML untuk mengubah desain blog)
Login ke Blogger.Pilih blog untuk diperbarui.Di menu sebelah kiri, klik Tema.Di sebelah kanan agak keatas ada ikon tiga titik klik dan, klik Edit HTML.Buat perubahan yang Kalian inginkan.Klik Simpan tema. Template adalah bagian terpenting dari sebuah blog tidak perduli sobat ngeblognya pakai platform Wordpress, Jimdo, Wix atau Blogspot dan lai…

HAPPY EID MUBAROK SELAMAT HARI RAYA IDULFITRI

Mengucapkan: Selamat Hari Raya IdulfitriHappy Eid Mubarak  Mohon Maaf lahir & Batin. Jika ada salah dan Silap baik yang di sengaja ataupun yang tidak di sengaja.


Insyaalah Kita semua akan melewati waktu tersulit di dalam kehidupan kita. Insyaalah Jika kita tidak berputus harapan kita akan jauh lebih sukses setela badai berlalu. karena cobaan hidup akan mendidik kita menadi lebih kuat, lebih bijak, lebih ber empati terhadap sesama makhluk hidup lainnya, bukan hanya terhadap sesama manusia.
Copyright © EDITBLOGTEMA. All rights reserved.