Cara Membuat Postingan Justify Alignment ( Rata Kiri-Kanan )

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:

/* 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

Sumber : barumbung.blogspot.com

Posted in: Tips,Turoialz Blogz