Justify atau rata kiri-kanan lazim digunakan dalam pembuatan laporan. Tapi Masih jarang orang yang mengaplikasikannya di dalam postingan blog. Pada artikel saya sebelumnya yang berjudul "Multi-colum layout Menggunakan CSS3" saya mencoba membagi postingan menjadi beberapa kolom dengan mengunakan css3. setelah saya lihat, kok rada aneh jika kolom-kolom yang ada tidak menganut justify alignment. Kita bisa saja membuat postingan bergaya justify dengan meng-klik tombol alignment yang ada di atas. Tapi bayangkan jika blog ini sudah memiliki sekitar 80 posting dan saya harus menggantinya satu-satu.
Maka solusinya adalah dengan menambahkan beberapa code css.
Caranya :
Masuk ke Elemen halaman template blogger anda kemudian pilih Edit HTML, tekan control F kemudian cari kode yang mirip seperti dibawah ini:
Maka solusinya adalah dengan menambahkan beberapa code css.
Caranya :
Masuk ke Elemen halaman template blogger anda kemudian pilih Edit HTML, tekan control F kemudian cari kode yang mirip seperti dibawah ini:
/* Posts
-----------------------------------------------
. post {
float: left;
width: 316px;
display: inline;
margin-top: 15px;
margin-left: 0px;
margin-right: 8px;
margin-bottom: 10px;
}
Tulisan yang saya tebalkan diatas adalah kode yang harus anda cari. CSS diatas adalah kode untuk mengatur postingan anda. Kalau sudah mendapatkan kode diatas tambahkan kode berikut kedalamnya.
text-align: justify;Sehingga menjadi :
/* Posts
-----------------------------------------------
.post {
float: left;
width: 316px;
display: inline;
margin-top: 15px;
margin-left: 0px;
margin-right: 8px;
margin-bottom: 10px;
text-align: justify;
}
Kemudian simpan template dan lihat hasilnya. Selamat Mencoba
