Mungkin kalian kurang puas saat posting dan melihat tampilan teks yang tidak rata kiri kanan, kelihatannya berantak kan, terkesan nya jadi tidak rapi, lihat contoh di setiap postingan saya, gimana ?? rapikan. heheeee jadi muji blog sendiri

.
Sebenarnya untuk
membuat tampilan posting menjadi rapi, menjadi rata kiri-kanan dapat
diatur saat membuat postingan. Tetapi hal itu dilakukan secara manual
dan membuat capek karena setiap memposting harus dirata-kirikanankan.
Untuk mengatasi persoalan ini, sobat bisa memasukkan kode text-align:
justify; pada template sobat
Read more at:
http://matrasnew.blogspot.com/2012/01/cara-membuat-tampilan-postingan-rata.html
Copyright matrasnew.blogspot.com Under Common Share Alike Atribution
Sebenarnya untuk membuat tampilan posting menjadi rapi, menjadi rata kiri-kanan dapat diatur saat membuat postingan. Tetapi hal itu dilakukan secara manual dan membuat capek karena setiap memposting harus dirata kiri kanankan. Untuk mengatasi persoalan ini, sobat bisa memasukkan kode
position: relative; dan
text-align: justify; pada template sobat yang akan automatis saat memposting dengan tampil rata.
Sebenarnya untuk
membuat tampilan posting menjadi rapi, menjadi rata kiri-kanan dapat
diatur saat membuat postingan. Tetapi hal itu dilakukan secara manual
dan membuat capek karena setiap memposting harus dirata-kirikanankan.
Untuk mengatasi persoalan ini, sobat bisa memasukkan kode text-align:
justify; pada template sobat
Read more at:
http://matrasnew.blogspot.com/2012/01/cara-membuat-tampilan-postingan-rata.html
Copyright matrasnew.blogspot.com Under Common Share Alike Atribution
Sekarang kalian lihat script berikut dibawah ini:
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
.postMeta{background:url('http://i41.tinypic.com/vy1wlt.jpg') repeat-x left center;text-transform:uppercase;font-size:11px;text-align:center;margin-bottom:5px}
.postMeta span.date{background:$bgcolor;color:$metacolor;padding:0 2px 0 4px;}
.postMeta span.comments{background:$bgcolor url('http://i40.tinypic.com/2m4t0zl.gif') no-repeat left center;padding-left:15px;margin-left:2px}
.postMeta span.comments a,
.postMeta span.date a{color:$metacolor;}
.post{margin:0 0 15px 0;}
.post h2{line-height:1.2em;margin-bottom:7px;font-size: 18px;color:$titlecolor;}
.post h2 a{width:100%;display:block;outline:none;color: $titlecolor;}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
position: relative;
text-align: justify;
}
.post-body blockquote {
background: #E8EDF1;
border: 1px solid #B1C3D4;
padding: 5px;
line-height:1.3em;
}
.post-footer {
margin: .75em 0;
color:$sidebarcolor;
font: $postfooterfont;
}
untuk yang berwarna biru itu kode yang harus kalian tambahkan, dan
1. Pastinya kalian sudah login di blogger,
2. Unduh template lengkap (untuk jaga - jaga)
3. Pilih edit
HTML
4. Centang
"expand widget template"
5. Gunakan pencarian cepat dengan dengan menekan
CTRL + F
6. Cari kode:
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
dan letakan kode di bawah ini:
position: relative;
text-align: justify;
Di bawah nya
line-height:1.6em; atau sebelum tanda
"}"
kalau misalkan di template kalian berbeda kalian cari yang mirip - mirip lalu letakan di bawah
.post-body tetapi didalam tanda ini
"}" tepat nya diatasnya.
Satu lagi kalau misalkan kode
position: relative; ini sudah ada di template kalian, kalian cukup tambahkan kode
text-align: justify; nya saja. karena di setiap template ber beda beda. ok deh cukup sekian selamat mencoba.