1. Guru Blogger ID
Cara Membuat Postingan di Blog (Blogger Post Editor)

Cara Membuat Postingan di Blog (Blogger Post Editor)

Dalam artikel kali ini gurublogger akan memberi tips lengkap tentang cara membuat postingan di blog berplatform blogger beserta item apa saja yang perlu dipahami pada menu post editor agar konten tetap SEO.

Tau saja tidak cukup, untuk membuat konten yang berkualitas teman teman harus mengerti fungsi dibalik menu yang ada di post editor blogger.

Sebelum memulai lebih jauh, ada baiknya untuk settingan bahasa di rubah ke dalam bahasa inggris. 

Walaupun gurublogger juga akan memberikan penjelasan terjemahan ke dalam bentuk bahasa Indonesia, namun seiring waktu kita akan menemui banyak kesulitan bila tidak menggunakan bahasa inggris sebagai editor.
Contoh kasus: 

Bila kita terbiasa menggunakan "daftar berbutir" dan "daftar bernomor" dan suatu ketika terjadi eror pada ul dan ol, maka sangat sulit menemukan solusinya di internet. 
 
Tidak mungkin kita ketik di internet "cara memperbaiki daftar berbutir error", karena tidak banyak referensi jawaban atas pertanyaan dengan bahasa indonesia. 
 
Berbeda bila kita mencari di internet "bulleted list error", atau langsung bahasa htmlnya "UL error" pasti langsung ketemu solusinya.


Menu Posting Artikel di Blogger


  cara-membuat-postingan-di-blog


1. Posts / Postingan


Untuk memulai membuat postingan di blogger, yang pertama kali harus dilakukan adalah meng klik menu post di sebelah kiri.

Selanjutnya akan terlihat menu nomer 2, 3, 4, dan 5.


2. Daftar Postingan


Untuk melakukan sort artikel / menampilkan artikel tertentu saja klik pada :
  • All : untuk menampihkan seluruh artikel,
  • Published : untuk hanya menampilkan postingan yang sudah dipublikasi,
  • Draft : untuk hanya menampilkan artikel yang sudah dibuat namun belum dipulikasikan
  • Scheduled : hanya menampilkan artikel yang dijadwalkan untuk publikasi pada tanggal tertentu
Untuk blog yang sudah memiliki 100 atau 200 artikel, menu ini sangat membantu untuk menemukan artikel yang kita edit dengan lebih cepat.


3. Label / Kategori 


Menu label digunakan untuk melihat artikel berdasarkan label / kategorinya, caranya cukup klik pada label kemudian Apply.

Selain itu menu label juga bisa digunakan untuk memberikan label kepada sebuah artikel. Caranya adalah pilih artikel yang akan diberikan label (di pojok kiri atas artikel) kemudian berikan tanda centang pada label yang diinginkan kemudian Apply. 


4. Membuat Postingan Baru di Blogger


Untuk membuat postingan baru di blogger silahkan klik pada menut tambah berwarna oranye di pojok sebelah kanan bawah.

Selanjutnya teman teman akan dibawa pada menu blogger editor dan mulai menulis konten yang kita inginkan.  


5. Check All / Centang Semua Artikel 



murid: Pasti untuk memberi tanda checklist ke semua artikel kan pak guru !! itu doang kan?

gurublogger : hmmmm..... makanya dengerin dulu !! 

Tidak banyak yang tahu fungsi menu Check All di blogger dan bagaimana cara menggunakan menu itu. Sebenarnya tombol ini sangat serbaguna!! untuk merubah atau menghapus kategori dari sebuah artikel secara masal.


Contoh: 

Misalkan kita memiliki 50 artikel dengan label "belajar blogging", namun setelah beberapa waktu teman teman merasa bahwa label tersebut sudah tidak lagi relevan dan ingin mengganti nama label, maka yang teman teman lakukan adalah.

Klik check All >> kemudian pilih label "belajar blogging", maka 50 artikel ini labelnya akan hilang (tidak memiliki label).

Untuk memberikan label baru caranya adalah >> buat lebel baru >> berikan tanda centang artikel yang mau dimasukkan ke label itu >> pilih label baru



Blogger Post Editor (Cara Membuat Postingan di Blog)


Membuat postingan di blogger itu semudah mengetik dengan menggunakan microsoft word di blogger, benarkah demikian?

Jawabannya tentu saja iya, namun untuk bisa membuat konten atau artikel kita bisa bersaing di halaman nomer 1 google maka postingan yang kita buat harus minimal sudah memenuhi standar On Page SEO.

Bila teman teman menggunakan template blogger buatan gurublogger.id maka nilai Performance, Best Practice, dan Accessibility mungkin sudah 99 - 100 %, untuk konten SEO inilah penjelasannya agar teman teman bisa mencapai nilai 100% untuk On Page SEO.

  blogger-post-editor

# -1 : Back Button


Bila ingin kembali ke menu awal, maka cukup klik tombol back di sebelah kiri atas


# 0: Title / Judul Postingan


Judul postingan merupakan hal terpenting dari segi SEO maupun informasi, usahakan membuat judul yang mencerminkan isi postingan.

Pernah merasakan menjadi korban click bait dimana judulnya sangat menggoda namun isinya biasa saja? atau bahkan isinya menipu?

Jangan paksakan membuat judul yang click bait, memang ada postingan yang judulnya bisa "wah" dan tetap relevan dengan isi postingan, namun tidak semuanya.

Usahakan agar judul hanya menggunakan tidak lebih dari 60 karakter --> Ini wajib

murid: Kenapa memangnya pak guru?

gurublogger: Waduh panjang ceritanya kalau dibahas di halaman ini, saya jelaskan terpisah dalam postingan --> Membuat Judul Blog Agar tetap SEO



#1: Membuat Bold di Postingan

Baru saja kita bahas di awal kalau kita harus merubah setting ke bahasa inggris atas menu menu yang ada di blogger ternyata sudah muncul.

Tombol B diatas artinya Bold dalam bahasa indonesia artinya Tebal

Kegunaan bold adalah sebagai penekanan atas kata kata atau kalimat tertentu yang menurut teman teman penting dan perlu mendapatkan perhatian khusus.

Dalam prakteknya Bold mendapatkan perhatian khusus dari search engine, oleh karenanya dalam setiap postingan tag Bold harus selalu digunakan agar postingan teman teman mendapatkan perhatian khusus oleh search engine.

Bila teman teman menggunakan HTML View (nomer 22) tag Bold akan terlihat seperti ini.


#2: Italic / Membuat huruf Miring di Postingan

Italic dalam bahasa indonesia diartikan sebagai huruf miring.

Dalam tata bahasa indonesia huruf miring digunakan untuk menulis kata kata yang menggunakan istilah istilah dalam bahasa latin / asing, untuk memberikan penekanan bahwa kata kata itu berbeda dengan kata kata yang lain.

Sifat dari penggunaan tag italic sendiri dalam postingan adalah hanya sekedar estetika, namun layak digunakan.... toh tidak ada ruginya.

Kedepan sepertinya saya juga akan memiringkan beberapa huruf agar terlihat cantik.

Dalam HTML View (22) tag italic akan terlihat seperti ini :


#3: Underline / Garis Bawah

Huruf U merupakan singkatan dari Underline yang dalam bahasa Indonesia artinya adalah Garis Bawah.

Untuk menggaris bawahi sebuah kata kata atau kalimat teman teman cuku block kata atau kalimat yang akan di garis bawahi dan klik di logo U

Dalam html view, tag underline akan tampak sebagai berikut


#4: Heading (Paragraf Format)

Didalam menu paragraf format, terdapat 5 pilihan (4 heading dan 1 normal), hal ini digunakan untuk menandai sebuah kalimat apakah itu heading atau hanya sebuah paragraf normal.

Dalam bahasa indonesia heading artinya Judul.

murid: Apa bedanya dengan judul pada nomer 0 yang sudah dijelaskan diatas pak guru?

gurublogger: Kalau yang diatas tag nya sudah diberikan secara otomatis by sistem <h1>judul</h1>, kalau yang ini teman teman bebas menambahkan judul sendiri secara manual.

murid: Saya sudah punya judul, ngga mau nambah judul didalam lagi

gurublogger: Memberikan heading tambahan hukumnya adalah wajib atas setiap postingan yang dibuat, karena hal ini sangat penting dalam SEO, hal terpenting nomer 3

murid: Yang terpenting nomer 1 adalah Judul Postingan (nomer 0) setelah itu Heading (nomer3) nomer 2 nya apa?

gurublogger: Belum sampai ke nomer 2, sementara ini silahkan baca Cara Menggunakan Heading dalam postingan

murid: %$#@!*&


#5: Font Size / Ukuran Huruf

Sangat penting untuk membuat ukurang huruf tetap di range "enak dibaca", terlalu kecil akan membuat huruf susah dibaca dan terlalu besar akan membuat huruf postingan terlalu penuh.

Ukuran huruf biasanya telah di set secara default oleh template yang kita gunakan, biasanya di 16 pixel untuk desktop dan 14 pixel untuk Hp.

Bila huruf dirasa terlalu kecil atau besar perubahan global bisa dilakukan di kode CSS template.

Namun bila ukuran huruf yang ingin disesuaikan hanya untuk kasus kasus tertentu saja bukan keseluruhan ukuran huruf dalam website maka teman teman cukup menggunakan menu font size.

Blogger menyediakan 5 ukuran huruf yaitu:
  • smallest - sangat kecil
  • small - kecil
  • normal
  • large - besar
  • largest - sangat besar
Dalam html view, kodenya akan terlihat seperti berikut ini :


#6: Font Type / Type Huruf

Ada ribuan jenis huruf yang bisa dipakai, yang sering kita jumpai adalah Times New Roman, Arial, Comic sans dll

Seperti halnya dengan font face, settingan ini hanya digunakan untuk hal yang sifatnya tidak permanen untuk merubah seluruh font dalam website silahkan rubah css pada template.

Untuk merubah font type, caranya adalah block character kemudian pilih font face yang akan digunakan.

Ini adalah contoh font times
Ini adalah contoh font georgia
Ini adalah contoh font arial
Ini adalah contoh font verdana

Dalam html view akan terlihat seperti ini


#7: Text Color / Warna Huruf

Untuk merubah warna huruf caranya cukup block pada text yang akan dirubah warnanya kemudian pilih warna yang tersedia pada menu text color.

Yang perlu diperhatikan adalah warna text harus kontras dengan warna background agar text tetap dapat terlihat jelas, perhatikan contoh text dengan warna kuning (susah dibaca).

Ini adalah warna merah kuning hijau dan biru

dalam html view akan terlihat seperti berikut:


#8: Text Background Color / Warna background

Warna background digunakan untuk membuat text terlihat di arsir seperti saat kita mengarsir menggunakan stabilo.

ini merah ini biru ini kuning ini hijau

Diatas adalah contoh penggunaan background color, cukup klik pada huruf yang akan diberi warna background, klik di menu dan pilih warna yang diinginkan.

Yang perlu diperhatikan dalam memilih background color adalah pilih background warna cerah hanya jika warna font nya gelap, begitu juga sebaliknya. 

Dalam html view, kodenya htmlnya akan terlihat seperti berikut ini


Walaupun demikian gurublogger merekomendasikan untuk "JANGAN PERNAH MENGGUNAKANNYA

murid: Kenapa pak guru?

gurublogger: Karena menambahkan inline css (menulis code css di dalam postingan, css seharusnya ditulis di template secara global) berpengaruh uruk terhadap SEO.

murid: Ada caranya supaya background masih bisa dipakai tapi postingan kita tetap SEO Friendly?

gurublogger: Ada, silahkan simak selengkapnya pada postingan cara menambahkan text background color SEO Friendly


#9: Undo

Saya tidak akan menerjemahkan rendo ke dalam bahasa Indonesia, karena akan terasa agak ganjil didengar (silahkan dicoba sendiri dengan google translate).

Tombol undo digunakan untuk membatalkan tindakan yang terakhir kita lakukan, sayangnya tidak bisa dicontohkan hanya bisa dicoba ..... silahkan dicoba!!


#10: Redo

Bila sebelumnya kita menekan tombol undo "namun kok rasanya bagusan yang tadi" maka tekan redo untuk mengembalikan seperti sebelum kita menekan tombol undo.


#11: Increase Indent / Menambah Indent

Menambahkan indent membuat text yang kita tulis agak menjorok ke sebelah kanan

     satu kali tekan indent
          dua kali tekan indent
               tiga kali tekan indent

Sayangnya, kode html atas indent menggunakan settingan blockquote (biasanya d ipakai untuk menulis quote, yang ada titik dua di atas).

Dan terkadang itu menjadi masalah ketika settingan blockquote global pada template telah diubah. solusinya adalah dengan menggunakan spasi  atau dengan menambahkan css bila memang dirasa sangat penting dan sering dipakai dalam membuat postingan.


#12: Decrease Indent

Seperti halnya redo, decrease indent digunakan untuk membatalkan Increase indent agar text kembali ke posisi sebelumnya.


#13: Bulleted List

Bulleted list akan membuat text menjadi sebuah daftar seperti berikut ini
  • daftar pertama
  • daftar kedua
  • daftar ketiga
Kode html nya akan terlihat seperti berikut 


#14: Numbered List

Numbered list digunakan untuk membuat daftar dalam bentuk urutan angka, seperti contoh berikut ini
  1. daftar pertama
  2. daftar kedua
  3. daftar ketiga

Dalam html view, numbered list akan terlihat seperti ini :


murid: Pak guru, seringnya saya buat list dengan number, trus beberapa buletted trus balik ke numbered list lagi, pertanyaannya adalah....bagaimana cara meneruskan nomernya supaya tidak dari nomer 1 lagi?

gurublogger: Mudah, simak penjelasan lengkapnya di artikel cara membuat numbered list


#15: Link

Membuat link di blogger post editor sangat mudah, cukup block kalimat yang mau di link kemudian tekan link pada blogger editor, tambahkan link nya dan selesai.

Namun perubahan algoritma google yang terakhir adalah terkait hyperlink, jadi bagaimana menggunakan link di blogger akan dibahas secara lengkap pada artikel cara membuat link di blogger yang SEO.


#16: Insert Image / Menambahkan Gambar di Postingan

Menambahkan gambar sama mudahnya dengan membuat link, klik insert gambar....upload, dan beres.

Namun demikian unsur graphic seperti gambar dan video membuat website kita cenderung lambat karena volumenya yang besar.

Speed website lambat akan membuat website kita kena punishment dari google karena tidak memenuhi standar dalam performance.

Baca selengkapnya bagaimana cara upload gambar postingan di blogger agar tetap sesuai standar SEO


#17: Menambahkan Video di Postingan



#18: Menambahkan Simbol dan Emo di Postingan

Untuk menambahkan simbol atau emo di dalam postingan cukup mudah, tinggal klik tanda emo di post editor dan pilih emo atau simbol yang kita inginkan.

😓😕😗😍⇑⇐⇏⇙⇣⍈➽➤➧➩➫➬⤝⤰⤡⤓⤘


#19: Menambahkan Jump Break / Readmore di Postingan

Jump break atau yang kita kenal dengan readmore adalah pembatas antara rangkuman di awal halaman dengan keseluruhan artikel.

Saat kita membaca feed atau email ataupun halaman depan sebuah web biasanya kita mendapatkan judul dan beberapa keterangan singkat, keterangan singkat tersebut merupakan text yang berada diatas jump break.
Jadi fungsi jump break adalah memperlihatkan sebagian artikel pada blog kita.


#20: Table / Tabel Pada Post Editor

Fungsi menu tabel adalah untuk membuat tabel, sayangnya bila kita menggunakan standar tabel bawaan bloger editor terkadang rusak atau teidak sesuai yang kita inginkan pada saat dilakukan zoom in / out karena ketidak sesuaian dengan container.

Sebagian webmaster menghindari menggunakan tabel karena alasan SEO, atau karena tabel tidak cukup fleksibel untuk mengakomodir lebar dari container sebuah halaman website.

Saya pribadi lebih sering menggunakan microsoft excel dalam membuat tabel, tabel di microsoft excel kemudian di print screen dan hasil dari gambar tersebut yang saya tampilkan di website / blog.

Dengan demikian pembaca tetap melihatnya sebagai sebuah tabel padahal sebenarnya itu adalah gambar sebuah tabel.


#21: More Option / Opsi Lainnya


cara-membuat-post-di-blog-blogger

a. Strikethrough

Menu strikethrough digunakan untuk mencoret sebuah kalimat seperti ini : salah benar.

Cara menggunakannya cukup mudah, tinggal block kata atau kalimat yang hendak di coret kemudian klik menu strikethrough di blogger post editor.

Stikethrough akan terlihat seperti ini di HTML View


b. Quote Text

Quote digunakan untuk menandai ungkapan, atau kata kata quotation dari seseorang.

Untuk memberi quote pertama tama kita harus melakukan block pada kalimat yang hendak di quote, setelah itu tinggal klik pada menu quote di blogger post editor, dan akan terlihat seperti ini:

Ini adalah contoh quote dengan template gurublogger V.1.0.0

Tampilan quote bisa berbeda beda tergantung template, karena biasanya pembuat template melakukan customisasi quote sesuai selera mereka.


c. Format as code

Format as code digunakan untuk memperlihatkan sesuai dengan format html aslinya.

ini adalah contoh pertama dari format as code
sedangkan ini adalah format kedua


d. Clear Formatting

Dalam blogger post editor kita memiliki dua buah view, yaitu html view dan compose view (nomer 22).

Saat kita melihat melalui compose view, halaman akan terlihat biasa saja namun ketika kita klik di html view, kita akan melihat berbagai macam kode html seperti div, span, color, br dll

Fungsi dari clear formatting adalah menghapus semua format yand ada di compose,

Artinya, ketika di compose kita membuat sebuah text berwarna merah maka di menu compose hanya terlihat sebuah text yang berwarna merah, namun dalam html view akan terlihat span dan code kolor.

Bila kita block tex berwarna merah tersebut kemudian kita klik clear formating, maka pemformatan html akan dihapus dan text kembali berwarna hitam seperti sedia kala.


e. Line Spacing

Line spacing pada blogger post editor sama halnya dengan line spacing pada microsoft word, blogger menyediakan 4 karakter spasi yaitu 1 1,15 1,5, dan 2 spasi.

Secara simpel line spacing bisa diartikan sebagai jarak antar 2 buah baris kalimat.


F. Left center right justify align

Left align artinya kita membuat sebuah kalimat atau paragraf rata kiri

Center Align artinya kita membuat sebuah kalimat
atau paragraf menjadi di tengah

Right Align artinya kita membuat sebuah kalimat
atau paragraf menjadi rata kanan

Justify artinya kita membuat kalimat atau paragraf rata kanan dan kiri dengan menyesuaikan space antar kata Justify artinya kita membuat kalimat atau paragraf rata kanan dan kiri dengan menyesuaikan space antar kata Justify artinya kita membuat kalimat atau paragraf rata kanan dan kiri dengan menyesuaikan space antar kata


G. Input Toolse

Input tools digunakan untuk mendeteksi bahasa yang kita gunakan pada saat kita membuat postingan, fungsinya adalah untuk mendeteksi kata kata yang mungkin salah ketik.


H. Left to Right

Menu ini digunakan untuk input huruf latin dimana kata atau kalimat dibaca dari arah kiri ke arah kanan


I. Right to Left

Right to Left digunakan untuk menulis gaya tulisan bahasa arab dimana tulisan dibaca dari arah kanan ke kiri.


22. HTML View / Compose View

Fungsi menu ini adalah untuk merubah mode compose atau mode html yang digunakan pada saat menulis postingan.


23. Save

Dalam membuat postingan, biasanya tidak kita selesaikan dalam sekali duduk karena terkadang kita butuh sumber nformasi lain sebagai rujukan yang harus kita cari lebih jauh atau terkadang hanya untuk beristirahat, disitulah fungsi tombol save.

Artikel yang kita save tidak akan hilang namun tersimpan di draft.


24. Preview

Tombol preview digunakan untuk melihat bagaimana penampilan sebuah postingan di mata pengunjung blog.


25. Publish

Tombol publish berfungsi untuk mempublikasikan postingan yang kita tulis agar bisa dibaca atau dilihat oleh pengunjung blog.


16. Label / Kategori

Setiap postingan harus kita beri label agar terkumpul dalam topik yang sama dan mudah dicari oleh pengunjung blog.

Untuk memberi label / kategori cukup klik pada label dan ketik nama label (bagaimana kita ingin melakukan grouping artikel).


17. Published On

Kita dapat menjadwalkan artikel kapan secara otomatis di publikasikan untuk pengunjung.

Bila kita pilih automatic kemudian klik pada tombol publish maka artike akan dipublikasikan saat ini juga.

Bila kita set date and time kemudian memilih tanggal besok, maka walaupun kita klik publish maka artikel tetap akan ditampilkan besok.

Bila kita set tanggal dan waktu kemarin kemudian kita klik publish, maka artikel akan dipublikasikan hari ini namun diberi tanggal ke belakang yaitu tanggal kemarin


18. Links

Yang dimaksud link disini adalah link postingan yang akan kita terbitkan.

link postingan kita akan terlihat seperti ini https://gurublogger.id/2020/06/kata1-kata2-kata3-kata4-kata5

bila kita set automatic permalink, maka blogger akan melakukan generate kata1 sampai kata 5 dari judul artikel

bila kita pilih custom permalink maka kita cukup masukkan link secara manual, formatnya kataa-katab-katac-katad-katae-terserah-panjangnya

dalam interface baru, blogger menambahkan title link, dan enclosure link, selengkapnya bsa dibaca dalam membuat link yang SEO untuk postingan blogger.


19. Location / Lokasi

Kita bisa menuliskan dimana postingan ini dibuat dengan memilih lokasi pada map atau menulis nama lokasinya, fungsinya adalah untuk memperlihatkan kepada pengunjung dan atau targetting by geo location apabila kita tidak melakukan optimasi pada lang meta tag.


20. Search Description

Search description adalah hal paling penting nomer 2 setalah judul dan heading, deskripsi yang bagus akan membuat search engine dan calon pengunjung mengerti dengan apa yang kita tulis.

Menulis deskripsi sebuah postingan adalah hal paling penting kedua yang harus kita lakukan setiap kali kita membuat postingan.


21. Option

Menu option berbeda beda tergantung dengan settingan global di blog masing masing.

Menu option untuk komen akan aktif apabila settingan global blog kita mengaktifkan komen, bila komen di non aktifkan maka opsi ini akan hilang.

Begitu juga untuk indexing, akan muncul atau tidak tergantung apakah kita memperkenankan google bot untuk melakukan crawling / mengindex blog kita di google, lokasinya adalah di search.

Komentar

Silahkan, saya ga nggigit !