November 13, 2019

CARA MENULIS POSTINGAN BLOGGER MENGGUNAKAN OPSI COMPOSE DAN HTML

Menulis dan ngoding
ilustrasi Menulis dan ngoding
Lazimnya pada saat kalian ingin menulis artikel, postingan atau konten pada blog kalian harus masuk ke dasbor pengaturan blogger dan memilih "Compose".

Sebenarnya kalian juga pasti sudah tahu jika Blogger memiliki dua cara dalam menulis konten, yakni:
  1. Cara Compose:
    compose dan HTML1
  2. Cara HTML:
    compose dan HTML2
Pada umumnya blogger menulis artikel atau konten-kontennya langsung di opsi "compose" mereka menulis kata kata, kalimat dan memasukan gambar atau video melalui Compose dan setelah semuanya selesai lalu mempublikasikannya.

Contoh penulisan biasa "Compose":
compose dan HTML3
compose dan HTML3
Kalian akan umumnya sama seperti blogger kebanyakan menulis artikel dan konten melalui cara diatas (gambar compose HTML3)  dengan cara:
  • Menuliskan Judul
  • Menulis konten, menambahkan gambar
  • Menambahkan label
  • Menambahkan keterangan tag
  • Mengedit dan mempublikasikan Artikel, Konten atau Postingan kalian
Sedangkan penulisan melalui HTML adalah sebagai berikut:
Compose dan HTML4
Compose dan HTML4
Menulis melalui opsi HTML biasanya dilakukan oleh blogger yang ngeblog tutorial berkaitan dengan HTML, CSS, JavaScript atau bahasa koding lainnya seperti blognya editblogtema ini. Tujuan penulisan agar dapat memperagakan atau memvisualisasikan HTML ke halaman web atau halaman konten. Contoh ketika saya menulis kode berikut melalui opsi penulisan Compose:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.btn {
background-color: HotPink;
border: none;
color: white;
padding: 12px 16px;
font-size: 16px;
cursor: pointer;
}
.btn:hover {
background-color: Pink;
}
</style>
</head>
<body>
<h2>Tombol ikon:</h2>
<button class="btn"><i class="fa fa-home"></i></button>
<button class="btn"><i class="fa fa-bars"></i></button>
<button class="btn"><i class="fa fa-trash"></i></button>
<button class="btn"><i class="fa fa-close"></i></button>
<button class="btn"><i class="fa fa-folder"></i></button>
Kode diatas adalah "hanya kode" dan hanya terbaca sebatas kode CSS dan HTML, bukan? Tidak semua orang dengan mudah memahami koding. Akan tetapi ketika saya merobah opsi penulisan melalui HTML, maka akan tampil visual sebagai berikut:

Tombol ikon:



Terlihat jelas bedanya bukan? Compose hanya menampilkan kode tulisan seperti apa adanya ia di tulis, sedangkan HTML "menterjamahkan" kode tadi menjadi bentuk visual tombol tombol dengan ikon berwarna hot pink diatas. Sekarang semua orang mengerti apa yang saya maksudkan.

Itulah mengapa sebabnya template jenis editblogtema harus dibuat sedemikian rupa agar tetap tidak terlalu berat pada saat di akses oleh pemirsa walaupun memiliki begitu banyak kode kode tersembunyi di balik konten kontennya. Banyak pembaca salah faham ketika membaca artikel artikle yang berbau HTML, Saya (Anissa) mulai awal tahun 2019 mendapat bagian  khusus berbagi postingan terkait HTML.

Banyak yang mengira saya cowok, yang cowok itu adalah admin blog ini, sedangkan saya hanyalah salah seorang penulis yang sedang menyalurkan hobi :D Tapi itu bukanlah hal yang besar.

Jika kalian tidak keberatan silahkan mengunjungi blog saya: SBBS Anissa... 

I am a student of Senior High School (SMA) I am living in Bandar Lampung, Selalu tertarik dengan HTML, sedang belajar Javascript, python dan C++

2 comments:

  1. Ampunn deh kalau harus nulis pakai html. Keburu puyeng. Lah wong lihat bahasa coding aja mata langsung sepet, perut serasa mual, Wkwkk

    ReplyDelete
    Replies
    1. Jangan dipaksa he he he... Gara gara koding beli obat puyeng pula :D

      Delete