Membuat Postingan Rata Kiri Kanan (Auto Justify)

Tampilan pada suatu blog mungkin akan terlihat lebih rapi apabila postingan di dalamnya rata kiri kanan seperti pada blog saya ini yang pada awalnya secara default belum tersetting rata kiri kanan, namun ada juga sebuah template yang sudah tersetting rata kiri kanan atau auto justify secara default.

Lalu bagaimana cara membuatnya? untuk cara membuatnya sangat gampang, tinggal menyisipkan sebuah kode dan secara otomatis postingan anda akan rata kiri kanan.

Hal itu akan terus terjadi walaupun dalam posting editor ada membiarkan rata kiri seperti default-nya. Anda akan temukan di preview Blog anda selalu menjadi justify.



Ikuti langkah2 berikut ini:

1. Login ke account blogger anda.
2. Klik Tata letak/Layout edit.
3. Kemudian pilih Edit HTML.
4. Cari kode ".post" (tanpa tanda petik). Gunakan fungsi Ctrl+f untuk mempermudah pencarian.
5. Setelah anda menemukan kode ".post" maka akan ditampilkan kode lengkapnya seperti dibawah ini:


.post {
margin:.5em 0 2.5em;
border-bottom:1px dotted #BBBBBB;
padding-bottom:1.5em;
}

**Kode diatas saya ambil dari template blog saya ini dan untuk tiap template mungkin bisa saja berbeda tapi itu tidak masalah**

Untuk membuat postingan anda rata kiri kanan secara otomatis (auto justify), maka sisipkan kode berikut kedalam kode diatas dan tempatkan diantara tanda kurung kurawal.

text-align: justify;

Maka tampilan kode akan berubah sperti dibawah ini:

.post {
margin:.5em 0 2.5em;
border-bottom:1px dotted #BBBBBB;
text-align: justify;
padding-bottom:1.5em;
}

Atau bisa seperti ini:

.post {
margin:.5em 0 2.5em;
border-bottom:1px dotted #BBBBBB;
padding-bottom:1.5em;
text-align: justify;
}

Sesudah itu anda dapat menyimpan settingan anda dan lihat hasilnya..
Cukup mudah bukan. Selamat mencoba. :)

Sudah ada 6 komentar, tambain donk.!

  1. Om ajarin donk gimana cara buat judul blog kita tuh rata kiri kanan, kalo tutorial yang agan buat kan buat postingan nah pertanyaannya kalo untuk judul blog gimana ya gan??mohon bantuannya masih newbie sangat

    BalasHapus
  2. @Furqan Malfira Coba kamu klik disini http://pisbon.blogspot.com/2010/12/cara-membuat-judul-post-rata-tengah.html

    BalasHapus
  3. Честно, неплохая новость

    Крутой сайт! Все стильно сделано.

    BalasHapus
  4. mas qu da cari .post{ tapi tetep ga da mas di edit html

    BalasHapus
    Balasan
    1. atau kode seperti ini :

      .post-body {
      line-height: 1.4;
      font-size: 110%;
      position: relative;
      text-align: justify;

      Hapus
  5. @cyber matrix kemungkin besar karena template beda/bukan dri blogger jdi tidak ada, jika anda jeli coba cari kode yang mirip2, jangan lupa sebelum anda otak atik selalu download dulu templatenya jk trjadi sesuatu tinggal balikin

    BalasHapus

Kalau tidak mau tambah komentar ya, tinggalin duwit ya?