HOME | ABOUT ME | DAFTAR ISI | welcome to happydesug.blogspot.com

Selasa, 11 Mei 2010

Membuat Posting Mempunyai Alignment Justified Otomatis

Sebenarnya pada saat membuat posting pada blogspot, sudah ada pengaturan alignment (rata kiri, rata kanan, rata tengah atau justified) yang bisa digunakan.

Tapi jika ingin menggunakan alignment selain rata kiri yang merupakan defaultnya, misalnya alignment justified agar tulisan posting terlihat rapi, maka hal itu harus selalu dilakukan setiap kali membuat posting baru. Tapi dengan mengedit HTML template, maka kita bisa membuat setiap posting akan mempunyai alignment justified secara ototmatis.

Cara membuat setiap posting akan mempunyai alignment justified secara ototmatis adalah sbb:

Login ke Blogspot --> Tata Letak --> Edit HTML

Cari baris kode berikut:
#main-wrapper {
width: 480px;
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 */
}

Tambahkan baris kode text-align:justify; ke dalamnya sehingga baris kodenya menjadi seperti berikut:
#main-wrapper {
width: 480px;
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;
}

Simpan template.

Sekarang setiap posting akan mempunyai alignment justified secara otomatis.

catatan: variabel text-align sesuaikan dengan keinginan, bisa left, right, center, atau justified


Gb 1. Tampilan menu alignment pada menu posting.

Posting Dengan Kategori Sama



0 komentar:

Posting Komentar

Related Posts with Thumbnails