Cara Membuat Postingan Blog Rata Tengah Kanan dan Justify

Cara Membuat Postingan Blog Rata Tengah Kanan dan Justify

Tutorial kali ini adalah tentang bagaimana cara menggunakan rata kiri, kanan, tengah, dan justify di postingan blog, baik itu untuk tulisan mapun gambar agar terlihat lebih rapi.

Bila kita kembali kepada realita sejenak, kenapa tidak banyak blogger atau website yang menggunakan ratakan (justify) dalam penulisan website mereka?

Coba teman teman kembali sejenak berkunjung ke web web favorit yang selama ini teman teman sering kunjungi !

Betul kan?

90 % blogger menggunakan rata kiri, dan hal ini bukan tanpa penyebab... yuk simak sambil praktek !!

Text Align Postingan Blogger

Seperti biasa, tanpa praktek kita akan lebih mudah lupa, bila sudah pernah mengalami sendiri biasanya susah lupa.

Hanya dibutuhkan kurang dari 1 menit untuk melakukan praktek kali ini :

Dummy Text :

<p >
Ini adalah tulisan yang akan saya rubah menjadi paragraf dengan text align left atau rata kiri, penampilan rata kiri dalam postingan blog kurang lebih akan terlihat seperti ini. Tanpa praktek semua akan mudah dilupakan, dengan praktek maka keahlian kita akan semakin terasah amiin
</p>

<p >
Ini adalah tulisan yang akan saya rubah menjadi paragraf dengan text align center atau rata tengah, penampilan rata tengah dalam postingan blog kurang lebih akan terlihat seperti ini. Tanpa praktek semua akan mudah dilupakan, dengan praktek maka keahlian kita akan semakin terasah amiin
</p>

<p >
Ini adalah tulisan yang akan saya rubah menjadi paragraf dengan text align right atau rata kanan, penampilan rata kanan dalam postingan blog kurang lebih akan terlihat seperti ini. Tanpa praktek semua akan mudah dilupakan, dengan praktek maka keahlian kita akan semakin terasah amiin
</p>

<p >
Ini adalah tulisan yang akan saya rubah menjadi paragraf dengan text align justify, penampilan justify dalam postingan blog kurang lebih akan terlihat seperti ini. Tanpa praktek semua akan mudah dilupakan, dengan praktek maka keahlian kita akan semakin terasah amiin
</p>

Instruksi untuk menggunakan text align adalah sebagai berikut :

  1. Buat Postingan Baru
  2. Beri judul Latihan 12 : Membuat Postingan Rata Kiri, Tengah, Kanan, dan Justify
  3. Copy dummy text
  4. Kembali ke postingan, pilih tampilan HTML
  5. Paste dummy text
  6. Kembali ke tampilan menulis
  7. Lakukan pemformatan sesuai isi text
  8. Publikasikan postingan
  9. Lihat hasilnya

Bila instruksi diatas dirasa kurang jelas, ikuti langkah langkah animasi berikut ini :

postingan-rata-kiri-tengah-kanan-dan-justify

Hasil latihan text align guru blogger bisa dilihat di : membuat postingan rata tengah

HTML Text Align

Setelah praktek, waktunya membahas teori, jadiii apa yang baru saja telah kita lakukan?

Kita memberi format pada sebuah text, untuk memformat gambar pada prinsipnya pun sebenarnya sama.... klik di gambar kemudian pilih kiri kanan tengah atau justify (ratakan)

Bila teman teman mengedit kembali postingan yang baru saja dibuat, kemudian melihatnya dalam tampilan HTML, teman teman akan memahami kode apa saja yang membuat text menjadi rata tengah kana maupun kiri

Kode di postingan blog teman teman kurang lebih seperti ini :

Rata Kiri Di Postingan

<p>
Paragraf yang dibuat rata kiri
</p>

Bila diperhatikan, tidak ada perubahan dari tulisan yang semula kita buat.

Hal ini disebabkan karena template telah menggunakan rata kiri secara otomatis, sehingga blogger menghapus markup htmlnya

Normalnya seharusnya kodenya terlihat seperti ini :

<p style="text-align: left;">
Paragraf yang dibuat rata tengah
</p>

Style maksudnya kita memberikan format css pada kode html tersebut, dan seperti biasanya opening tag selalu diakhiri dengan closing tag.

<p> ditutup dengan kode </p>, terkait pengetahuan html level 0 teman teman teman bisa membaca dalam bab sebelumnya.

Rata Tengah di Postingan

<p style="text-align: center;">
Paragraf yang dibuat rata tengah
</p>

Untuk rata tengah kode css nya adalah text-align: center

Rata Kanan di Postingan

<p style="text-align: right;">
Paragraf yang dibuat rata kanan
</p>

Untuk rata kanan kode css nya adalah text-align : right seperti dalam html diatas

Justify (Ratakan) di Postingan

<p style="text-align: justify;">
Paragraf yang dibuat justify
</p> 

untuk rata kanan dan rata kiri sekaligus kode css nya adalah text-align: justify

SEO atas Text Align

Teman teman sudah praktek, dan sedikit memahami kode html dan css, sekarang waktunya menjawab pertanyaan

Kenapa Tidak Banyak Blogger Yang Menggunakan Justify Di Blognya, Padahal Kan Lebih Rapi?

Alasannya adalah :

  1. Karena inline css (memanggil css didalam body) bisa baca disini
  2. Karena justify menyeret spasi dan karakter menyesuaikan lebar halaman padahal ukuran huruf untuk setiap font sudah jelas, bila diseret maka ukurannya berubah (ditakutkan search engine salah mengenali huruf)

Itulah mengapa para blogger tidak menggunakan text align center, right maupun justify didalam postingannya

Tapi ingat, riset atas teknik itu dilakukan di "jaman dulu" (sebelum 2021)

Seiring perkembangan teknologi dan kemajuan algorithm google bisa jadi kedua hal diatas sudah tidak relevan lagi.

Waktunya teman teman beruji coba apakah benar teknik SEO tersebut valid atau tidak.

Terakhir, mau rata kiri kanan tengah ataupun justify itu adalah blog milik teman teman sendiri.... jadi ya bebas :D


Tutorial ini merupakan bagian dari topik cara membuat blog gratis untuk pemula, bila teman teman tertarik melihat topik lengkapnya silahkan klik daftar isi, atau klik next materi untuk melanjutkan

Komentar
Silahkan, saya ga nggigit !