Cara Membuat Teks di Posting Rata Kiri Kanan

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.

Cara Membuat Teks di Posting Rata Kiri Kanan 2012-03-07T05:02:00-08:00 Rating: 4.5 Diposkan Oleh: Unknown