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.



4 komentar:

14 Oktober 2012 pukul 19.30 Reply To This Comment Rumahkoko mengatakan...

Tq ya gan, tipsnya sangat berguna untuk saya.

27 Desember 2012 pukul 14.56 Reply To This Comment Dany mengatakan...

akhirnya berhasil juga, terima kasih atas infonya, kunjugi juga ya blog saya > http://danyrahmana.blogspot.com/

11 November 2013 pukul 19.24 Reply To This Comment Anonim mengatakan...

Mau dicoba segera gan, makasih. Kunjungi juga blok saya di www.auliabalitour.blogspot.com

22 Maret 2022 pukul 18.36 Reply To This Comment Anonim mengatakan...

Cara Membuat Teks Di Posting Rata Kiri Kanan >>>>> Download Now

>>>>> Download Full

Cara Membuat Teks Di Posting Rata Kiri Kanan >>>>> Download LINK

>>>>> Download Now

Cara Membuat Teks Di Posting Rata Kiri Kanan >>>>> Download Full

>>>>> Download LINK

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Tinggalkan jejak Sahabat di Bawah ini. Buat Sahabat yang Mempunyai Blog Insya allah saya kunjungi Balik