Mengatur Otomatis Penampilan Posting

Pengaturan penampilan posting yang berada dalam blog, telah disediakan dalam menu. Wujudnya seperti ini Menu tersebut berguna untuk menampilkan posting rata kanan, tengah, rata kiri maupun rata kanan dan kiri. Akan tetapi kita sering lupa untuk menggunakannya, kita baru mengetahuinya apabila posting kita telah diterbitkan akan nampak kurang rapi. Maka ada cara yang lain dengan cara manmbah sedikit kode CSS untuk bagian POST.
Monggo silahkan masuk blogger ke Edit HTML (yang belum tahu, pada dashboard klik Tata Letak/Layout Edit/Rancangan , terus klik Edit HTML).
kemudian temukan kode css bagian POST yang bila pada template standard blogger biasanya di beri keterangan

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


atau bisa ditulis langsung dengan kode .post {

Untuk lengkapnya (biasanya kodenya seperti ini) adalah sebagai berikut :

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}


Bisa juga kodenya seperti ini (karena tiap template belum tentu sama):

.post{
padding: 0;
float: left;
background: #ffffff;
width:100%;
}



Supaya postingan kita otomatis menjadi rata kiri kanan maka kita tambahkan kode text-align: justify; ,sehingga kodenya menjadi seperti berikut:

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
text-align: justify;
}


atau:

.post{
padding: 0;
float: left;
background: #ffffff;
width:100%;
text-align: justify;
}


Apa bila ingin membuat posting rata tengah justify bisa kamu ganti dengan center , bila ingin rata kanan bisa di ganti dengan Right dan left untuk rata kiri. Kemudian jangan lupa di simpan lalu lihat hasilnya.

0 komentar

Posting Komentar