RSS Feed

Friday, May 20, 2011

Membuat Justify Pada Posting Blog

rata kiri kanan atau justify
Sebuah postingan yang rapi pada sebuah blog tentunya akan membuat tulisan tersebut lebih menarik untuk dilihat. Selain itu, blog akan terlihat lebih elegan dan profesional. Dalam bahasa komputer, rata kiri dan rata kanan disebut justify, dimana sebuah ketikan terlihat rapi rata kiri dan rata kanan. Pada saat mengetik di komputer, untuk membuat rata kiri dan rata kanan sangat mudah, sobat hanya tinggal mencari ikon garis-garis rata kiri kanan yang bertuliskan justify pada toolbar. Namun tidak demikian pada sebuah blog, sobat harus mengedit sedikit kode HTML-nya. Karena walaupun sobat mengetik pada komputer sudah dibuat rata kiri dan rata kanan, kemudian sobat copy paste-kan ke postingan, jatuhnya nanti tetap akan terlihat rata kiri, jika template yang sobat pakai tidak dirancang rata kiri dan rata kanan oleh pembuatnya. Dan kebanyakan untuk default template biasanya memang hanya dibuat rata kiri. Hal ini tentunya membuat tidak nyaman dipandang, karena sisi sebelah kanan tulisan terlihat berantakan. Nah, bagaimana membuat sebuah postingan terlihat rapi rata kanan kiri ? Pada beberapa template terdapat beberapa versi/perbedaan untuk membuat rata kiri dan rata kanan.
Berikut cara  membuat rata kiri-kanan postingan sobat pada beberapa kasus.

Jika template sobat terdapat kode ini :

/* Posts
-----------------------------------------------

.post {
float: left;
width: 316px;
display: inline;
margin-top: 15px;
margin-left: 0px;
margin-right: 8px;
margin-bottom: 10px;
}

maka tinggal menambahkan :

text-align: justify;

sehingga menjadi :

.post {
float: left;
width: 316px;
display: inline;
margin-top: 15px;
margin-left: 0px;
margin-right: 8px;
margin-bottom: 10px;
text-align: justify;
}

Jika template sobat terdapat kode ini :

.post br{padding:0;margin:0;line-height:100%;}
.post p{padding:5px 0;margin:5px 0;}

.post{padding-bottom:20px;}
.post ul{list-style:none;margin:10px 0;}

maka tinggal menambahkan text-align: justify; dibelakang 20px sehingga menjadi seperti ini :

.post br{padding:0;margin:0;line-height:100%;}
.post p{padding:5px 0;margin:5px 0;}

.post{padding-bottom:20px;text-align:justify;}
.post ul{list-style:none;margin:10px 0;}

Pada template saya terdapat kode seperti ini :

post a{color:#B35802}
.post h3{margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; padding:4px 0 3px 0; color:#FF7C00; font:bold 19px "Arial",Georgia}
.post h3 a, .post h3 a:visited, .post h3 strong{display:block; text-decoration:none; color:#B35802; font-weight:normal}
.post h3 strong, .post h3 a:hover{color:#333}
.post-body{margin:1em 0 1em 0; line-height:1.6em;}
.post ul{margin:5px 0px 5px 20px; padding:0px 0px 0px 0px}
.post ol{margin:5px 0px 5px 20px; padding:0px 0px 0px 0px}
.post ol li{margin:5px 0px 5px 10px; padding:0px}
.post-body blockquote{line-height:1.3em}
.post-footer{margin:1.7em 0 0em 0; color:#666; text-transform:normal; letter-spacing:0em; font:italic 100% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif; line-height:1.4em; display:block}

Berikut coding untuk menempatkan text-align: justify;
.post-body{margin:1em 0 1em 0; line-height:1.6em;}

sehingga menjadi :
post-body{margin:1em 0 1em 0; line-height:1.6em;text-align:justify;}

Pengunjung blog sobat tentunya terdiri dari bermacam-macam karakter. Termasuk juga karakter yang suka akan kerapian. Membuat rapi sebuah posting blog akan menarik pengunjung dengan karakter seperti ini untuk membacanya. Begitu saja Sob ! Mudah-mudahan tips dan trik ini bermanfaat.

0 komentar:

Post a Comment

Terima Kasih Kunjungannya.....!!!!!!!!!

Tinggalkan jejak dengan berkomentar, saya akan sempatkan balas kunjung balik ke web/blog sobat semua. Blog ini telah diubah menjadi DO FOLLOW, jadi tidak perlu tukeran link. Cukup sobat berkomentar saja !

CARI UANG ONLINE,REKENING ONLINE,TRAFFIK BLOG

Popular Posts

Powered by Blogger.

Check Page Rank of your Web site pages instantly:

This page rank checking tool is powered by Page Rank Checker service

KOMISI FACEBOOK