Membuat Tulisan Menjadi Rata Kanan dan Kiri Secara Otomatis

Posting date: Monday, December 13, 2010
This post have:

Agar tulisan pada artikel / posting dapat menjadi rapi (tulisan menjadi rata kanan dan kiri), kita dapat membuat tulisan menjadi rata kanan dan kiri secara otomatis dengan cara sebagai berikut:

1. Login ke Blogspot –> Design/Rancangan –> Edit HTML

2. Carilah baris kode berikut:

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

3. Tambahkan baris kode text-align: justify; ke dalam baris kode tersebut diatas, sehingga baris kodenya menjadi seperti terlihat dibawah ini:

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
text-align: justify;
  }

4. Simpan template.

membuat tulisan rata kanan kiri otomatis 1  Gambar 1. Edit HTML menu

membuat tulisan menjadi rata kanan kiri otomatis 2membuat tulisan menjadi rata kanan kiri otomatis
Gambar 2. Tampilan tulisan sebelum dan sesudah di beri perataan rata kanan kiri otomatis  

*****

Catatan:

* Untuk memudahkan pencarian baris kode, gunakan kotak pencari dengan menekan Ctr+ F, setelah muncul kotaknya, tulis/ketikan kata yang ingin dicari. Untuk browser mozzila, letaknya di sebelah kiri bawah.

kotak pencariGambar 3. Letak kotak pencari pada browser Mozzila

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...