Cara Membuat Postingan di Blog (Blogger Post Editor)
Tips cara
membuat postingan di blog berplatform blogger + memahami pengetahuan dasar post editor Blogger!!
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.
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.
Untuk melakukan sort artikel / menampilkan artikel tertentu saja klik pada :
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.
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.
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
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.
Bila ingin kembali ke menu awal, maka cukup klik tombol back di sebelah kiri atas
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
#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
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
#14: Numbered List
Numbered list digunakan untuk membuat daftar dalam bentuk urutan angka, seperti contoh berikut ini
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.
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
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
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.
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
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
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.
# -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:
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
#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).
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
#14: Numbered List
Numbered list digunakan untuk membuat daftar dalam bentuk urutan angka, seperti contoh berikut ini
- daftar pertama
- daftar kedua
- 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.
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
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.
