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 */
}
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;
}
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.
0 komentar:
Posting Komentar