Tutorial Cara Membuat Postingan di Blogger - Era 2021

Tutorial Cara Membuat Postingan di Blogger - Era 2021

Pada kesempatan kali ini Guru Blogger akan membahas secara mendalam tentang menu postingan di blog

Untuk menyamakan persepsi, teman teman bisa screening secara singkat artikel yang telah dibuat oleh guru blogger sebelumnya : cara membuat postingan pertama di blog

cara-membuat-postingan-di-blog
Membuat postingan itu mudah ...

Riset keyword, selanjutnya lakukan seperti sewaktu kita masih duduk di bangku sekolah dasar

Mengarang INDAH

Sayangnya!! Para blogger senior banyak yang mengeluhkan kurangnya kunjungan di blog

Mengapa hal itu terjadi?

Karena kurangnya pemahaman akan "senjata" yang dimiliki pada Blogger Post Editor !!

Apa sih fungsi menu ini? Yang ini fungsinya apa?

Baca Yuk !!



1. Posts Menu Dashboard


Setelah sukses membuat blog, langkah selanjutnya adalah membuat artikel

Caranya, silahkan klik menu + Postingan Baru di sebelah kiri atas
menu-postingan-di blogger

Yang perlu diperhatikan di tahap awal ketika belajar membuat postingan baru adalah
Pastikan selalu berada di tampilan menulis (compose view)

Kenapa?

Untuk menghindari kebingungan tahap awal, karena kita sedang belajar otodidak melalui media internet

tampilan-menulis-blogger

Bila diperhatikan dengan seksama, menu mode menulis dan mode html sedikit berbeda

Tidak mengapa, dalam postingan kali ini Guru Blogger akan menjelaskan hal yang penting saja (bukan yang rumit tapi tidak penting)

Istilah yang digunakan untuk menyebut menu didalam postingan adalah "Post Editor"


2. Blogger Post Editor


Seorang blogger menghabiskan 90 % waktu "ngeblog" nya untuk membuat postingan baru

Oleh karena itu, sangat penting bagi teman teman pemula untuk menguasai dan mengerti apa fungsi menu menu didalam Post Editor Blogger

Guru Blogger akan memberikan tanda khusus pada menu menu yang wajib dikuasai (tidak bisa dinegosiasikan)

Untuk menu yang mengharuskan penguasaan ymendalam, guru blogger juga telah menyediakan ulasan mendalam pada halaman lain (tinggal klik link yang telah disediakan)


a. Tampilan HTML dan Tampilan Menulis

tampilan-menulis-blogspot
Perbedaan antara tampilan menulis dengan tampilan html adalah :

  1. Tampilan menulis ditujukan untuk pengguna manusia
  2. Sedangkan tampilan HTML disediakan untuk mesin

Secara singkat itulah perbedaan antara keduanya, browser, search engine, komputer, dapat memperlihatkan sesuatu karena tulisan kita diterjemahkan secara otomatis kedalam bahasa mesin

Seorang blogger perlu mengerti kode kode dasar HTML untuk memudahkan komunikasi antara blogger dengan google (mesin pencari)

Namun tidak perlu khawatir, karena untuk saat ini yang perlu teman teman pahami hanyalah opening tag dan closing tag

Setiap perintah html dibuka dengan tag pembuka <tag> dan ditutup dengan tag penutup </tag>

Wajib Praktek :

Ini Adalah contoh penggunaan kode html dalam <b>Tulisan Tebal</b>, yuk terus belajar

Silahkan copy kode warna kuning diatas kedalam mode html (terlebih dulu hapus semua kode, kemudian tempel kode diatas)

Setelah itu kembali kedalam mode menulis dan lihat hasilnya

Opening tag nya adalah <b>, dan closing tagnya adalah </b>

Hasilnya, tulisan yang ada di tengah tag tersebut akan terpengaruh dengan kode b

Kode b tersebut artinya tebal, berasal dari bahasa inggris BOLD (diambil huruf awalnya yaitu "b" sebagai tag tebal)

Kita cukup mengerti penggunaan html sebatas tahu dan mengerti opening tag dan closing tag saja

Murid : Lho pak kenapa kita tidak belajar mendalam?

Guru Blogger : Karena di tahap ini kita hanya ingin menjadi seorang blogger, kita bukan hendak menjadi programmer !!


b. Undo dan Redo


Di sebelah kanan tampilan menulis ada 2 buah tombol panah, panah kekiri artinya undo dan panah ke kanan artinya redo

Fungsinya untuk mengulang 1 langkah ke belakang atau ke depan bila kita membuat kesalahan yang tidak disengaja

Selain itu teman teman juga bisa langsung menggunakan tombol keyboard ctrl+Z untuk undo,

Fungsi undo dan redo pada Blogger Post Editor sama dengan yang kita temui pada excel, word ataupun aplikasi lainnya


c. Jenis Font Blogger

jenis-jenis-font-blogger
Tampilan huruf blog juga bisa diubah sebagaimana tampilan huruf dalam microsoft word

Secara default ada 7 huruf yang telah disediakan oleh blogger yaitu:

  1. Arial
  2. Courier
  3. Georgia
  4. Helvetica
  5. Times
  6. Trebuchet
  7. Verdana

Bila settingan huruf tidak diubah (default) maka huruf pada postingan blog akan menyesuaikan dengan huruf yang dipasang di template

Peringatan Keras :
untuk saat ini, Gurublogger merekomendasikan untuk TIDAK MERUBAH JENIS HURUF DALAM POSTINGAN

Murid : Lho Kenapa Pak Guru?

Guru Blogger : Dikarenakan penggunaan inline css (style) yang tidak disukai oleh google (akan guru blogger bahas dilain kesempatan)


d. Ukuran Font Blogger

ukutan-font-blogger

Di blogger post editor teman teman dapat memilih ukuran font sesuai selera masing masing

Ukuran font di blogger :

  1. Terkecil
  2. Kecil
  3. Normal
  4. Sedang
  5. Besar
  6. Terbesar
Untuk menggunakannya, caranya tinggal blok tulisan yang hendak diubah ukurannya kemudian pilih ukuran font yang dikehendaki

Peringatan Keras :
untuk saat ini, Gurublogger merekomendasikan untuk TIDAK MERUBAH UKURAN HURUF DALAM POSTINGAN

Murid : Lho Kenapa Pak Guru? INLINE CSS LAGI?

Guru Blogger : BETUL, untuk merubah ukuran huruf gunakan heading jangan menu ukuran font


e. Heading

heading-blogger

Heading atau dalam bahasa Indonesia disebut dengan "Judul" adalah sebuah tag yang memisahkan topik topik yang lebih rinci dari bagian tema tulisan secara keseluruhan

Hal yang sama yang kita pelajari ketika membuat karangan di bangku sekolah dasar

  1. <H1> Judul Utama - Major Heading
  2. <H2> Judul - Heading
  3. <H3> Subjudul - Subheading
  4. <H4> Judul Kecil - Minor Heading
  5. <P> Paragraf - Paragraph
  6. Normal - Normal 
Penggunaan tag heading dalam sebuah artikel sangatlah penting, jangan sampai melewatkan penggunaan heading setiap kali menulis sebuah artikel

Secara default tag H1 telah digunakan oleh judul artikel, sehingga tersisa tag H2-4 dan P

Berikut ini adalah contoh cara menggunakan heading dalam sebuah blog :
cara-menggunakan-heading-blog
Dari contoh diatas, kita tidak mengaplikasikan H1 (Judul Utama), karena sudah digunakan oleh judul blog (Potensi Beternak Sapi - Guru Blogger ID)

Teman teman bisa melakukan studi kasus pembuatan heading dengan mengcopykan kode html ke dalam postingan html blog milik teman teman sendiri

Copy kode html:

<p >
Sapi adalah hewan ternak potensial untuk kelangsungan pangan masyarakat indonesia, setiap hari kebutuhan daging sapi terus meningkat
</p>
<br />
<h2 >Jenis Jenis Sapi</h2>
Banyak sekali jenis sapi yang bisa diternakkan di indonesia, walaupun demikian Gapoktan kami merekomendasikan jenis sapi :<br />
<br />
<h3 >1. Sapi Limousin</h3>
Sapi Limousin merupakan jenis sapi potong yang berasal dari Eropa, tepatnya dari Prancis. Sapi ini berukuran sangat besar dan memiliki volume rumen yang sangat besar.<br />
<br />
<h3 >2. Sapi Brahman</h3>
Sapi brahman merupakan sapi yang berasal dari India. Sapi jenis ini merupakan sapi potong terbaik yang rekomendid untuk dikembangkan
<br />

Yang perlu teman teman ketahui, penerapan heading dalam postingan blog hukumnya adalah WAJIB


f. Format Huruf


Penggunaan format huruf saya rasa sudah familiar, sebagaimana kita menggunakannya dalam word atau excel

Silahkan blok kata atau kalimat yang hendak di ubah formatnya kemudian klik pada format yang dikehendaki apakah tebal, miring, coret, ataukah kutipan


g. Cara Menambah Gambar di Blogspot

cara-menambahkan-gambar-di-blog
Menu sisipkan gambar digunakan untuk menambahkan gambar ke dalam postingan blog, baik itu langsung mengupload atau mengambil dari google drive

Dikarenakan tingkat kesulitannya agak lumayan, guru blogger membahasnya secara spesifik di halaman: cara menambahkan gambar di blog


h. Cara Menambah Video Blogspot

cara-upload-video-di-blog
Teman teman bisa juga menambahkan video pada postingan blog baik dengan cara mengupload langsung ataupun mengambil link dari youtube

Caranya kurang lebih sama dengan cara menambahkan gambar ke postingan


i. Membuat Tulisan Rata Tengah, Kanan, Atau Justify

membuat-tulisan-rata-tengah
Guru Blogger tidak merekomendasikan penggunaan menu ini dikarenakan terdapat inline css yang kurang disukai oleh google

Ada trik khusus untuk menggunakan rata tengah, kanan, maupun justify yang akan guru blogger bahas di topik selanjutnya

Untuk saat ini teman teman cukup menggunakan settingan default template


j. Opsi Lainnya

menu-opsi-lain
Pada menu opsi lainnya terdapat beberapa menu sederhanay yang cukup bermanfaat, diantaranya adalah

  1. Daftar berbutir - Bulleted list
  2. Daftar bernomor - Numbered List
  3. Kutip Teks - Quote text
  4. Sisipkan Batas Postingan - Insert Jump Break
  5. tata letak kiri ke kanan - Left to right layout
  6. Tata letak kanan ke kiri - Right to left layout
  7. Input tools
  8. Hapus format - Clear formating

Daftar berbutir - Bulleted list


Berikut ini adalah contoh penggunaan bulleted list

    • Pertama
    • Kedua
    • Ketiga


Daftar bernomor - Numbered List


Berikut ini adalah contoh penggunaan numbered list

  1. Pertama
  2. Kedua
  3. Ketiga


Kutip Teks - Quote text


Quote biasanya digunakan untuk mengutip sebuah kata kata, berikut ini contohnya
Ngeblog kok mbayar, haruse dibayar - gurublogger.id


Sisipkan Batas Postingan - Insert Jump Break


Jump break digunakan untuk membuat link baca selengkapnya (link readmore)
Biasanya postingan hanya ditampilkan snippetnya saja, untuk membaca keseluruhan artikel kita klik link readmore (baca selengkapnya)

Untuk sementara teman teman bisa try n error dengan menu ini, tapi bila ingin membaca lebih jauh bisa dibaca di artikel : insert jump break

tata letak kiri ke kanan - Left to right layout


Digunakan untuk huruf yang penulisannya dari kiri ke kanan seperti hruf latin, tidak perlu digunakan


Tata letak kanan ke kiri - Right to left layout


Digunakan untuk menulis bahasa arab dimana tulisan ditulis dari kanan ke kiri


Input tools


Untuk mendeteksi penggunaan bahasa ketika kita mengetik artikel, diberi tanda ketika kita salah mengetik kata

Set penggunaan ke bahasa indonesia bila memang diperlukan


Hapus format - Clear formating


Digunakan untuk menghapus format tanpa harus pindah ke tampilan html

Misalkan kita sudah terlanjur set heading tapi ingin menghapus headingnya cukup blok / arsir kemudian klik clear formatting



3. Menu Kanan


Di sebelah kanan blogger post editor terdapat menu menu yang sangat penting, diantaranya adalah

    1. Label
    2. Dipublokasikan Pada - Published On
    3. Permalink - Links
    4. Lokasi - Location
    5. Search Description
    6. Opsi
    7. Custom Robot Tags

Lebih jelas dari penggunaan menu menu diatas dapat dijelaskan sebagai berikut:

a. Label


Didalam platform blogspot / blogger istilah KATEGORI disebut dengan label

Jadi bila teman teman ingin memberikan kategori pada sebuah artikel maka cukup ketik nama labelnya (kategori)

Selengkapnya bisa dibaca dalam artikel cara membuat kategori di blogger


b. Dipublokasikan Pada - Published On


Fungsi menu ini adalah untuk membuat postingan terjadwal

Ketika teman teman ingin mempublikasikan sebuah artikel 2 hari lagi, maka artikelnya bisa diselesaikan saat ini kemudian memilih tanggal nya (2 hari lagi) kemudian publikasikan

Artikel tersebut akan terbit secara otomatis di tanggal yang kita pilih


c. Permalink - Links


Permalink fungsinya adalah untuk memberikan link pada artikel yang akan diterbitkan

Apakah secara otomatis (blogger yang memberi link) atau kita ingin meng custom link sendiri

d. Lokasi - Location


Untuk lokasi silahkan pilih tempat dimana teman teman membuat artikel blog


e. Search Description


Search description tidak langsung aktif ketika kita baru saja membuat blog

Teman teman harus terlebih dahulu mengaktifkan menu ini pada settingan global blog

Setting Blog >> Search description dalam kondisi on

Bila telah diaktifkan maka menu ini akan keluar

Fungsi search description adalah memberitahu kepada search engine "artikel yang kita buat ini ngomongin apa sih?"

Lebih lanjut bisa disimak dalam artikel cara mengaktifkan deskripsi penelusuran Blogger


f. Opsi


Opsi digunakan untuk mengeset settingan opsional seperti komentar dari pengunjung, ada 3 opsi yaitu :

  1. Izinkan (pengunjung blog bisa berkomentar)
  2. Jangan Izinkan Tampilkan yang telah ada (Sebelumnya pernah diaktifkan namun pemilik blog tidak ingin ada lagi komentar)
  3. Jangan Izinkan sembunyikan (Kolom Komentar disembunyikan)



g. Custom Robot Tags


Custom robot tags harus diaktifkan terlebih dahulu agar menunya terlihat (seperti halnya search description)

Guru Blogger akan membahas menu ini di lain kesempatan


Demikian sepenggal kisah tentang menu yang ada dalam blogger post editor

Semoga artikel ini dapat membantu teman teman lebih familiar dengan fungsi menu yang ada disana

Selanjutnya silahkan buat artikel blog masing masing sesuai kaidah bahasa Indonesia yang baik dan benar

Bila sudah selesai lakukan peninjauan >> Preview, bila dirasa sudah cukup maka artikel bisa dipublikasikan


Selamat belajar ...


Komentar
Silahkan, saya ga nggigit !
  1. Saya pemula mas...

    Tapi blog sampean ya jadikan tempat belajar.

    Semoga selalu diberi kesehatan agar terus bisa berbagi informasi bermanfaat.

    BalasHapus
    Balasan
    1. Amiin trimakasih, semoga yang sedikit ini bisa membantu :D

      Hapus