Friday, May 27, 2011

Cara Membuat Judul Posting Blog Center atau Rata Tengah

Jika anda ingin agar judul-judul posting blog anda menjadi center atau rata tengah, berikut adalah caranya:

1. Login ke dalam Blogger, klik menu Design ---> Edit HTML

2. Scroll kebawah sampai anda menemukan salah satu dari kode dibawah ini (ter-gantung dari template anda) .post h3 {.....} atau .post h3 a {....} atau .post-title{.....} :

.post h3{
margin: 0px 0px 8px 0px;
padding: 0px 0px 1px 0px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
line-height: 1.4em;
border-bottom: 1px solid $posttitleBorderColor;
 
}

.post h3 a {
color: $postTitleColor;
text-decoration: none;
 
}

.post-title{
color:#FFFFFF;
margin:0 0 10px 0;
padding:0;
font-family:Arial,Helvetica,Sans-serif;
font-size:22px;
line-height:22px;
font-weight:bold;
text-transform:uppercase; 

}

3. Tambahkan kode "text-align: center; " diantara kode-kode diatas (diantara tanda {......} ), sehingga kode-kode diatas menjadi seperti dibawah ini

.post h3{
margin: 0px 0px 8px 0px;
padding: 0px 0px 1px 0px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
line-height: 1.4em;
border-bottom: 1px solid $posttitleBorderColor;
text-align: center;  
}

.post h3 a {
color: $postTitleColor;
text-decoration: none;
text-align: center;  
}

.post-title{
color:#FFFFFF;
margin:0 0 10px 0;
padding:0;
font-family:Arial,Helvetica,Sans-serif;
font-size:22px;
line-height:22px;
font-weight:bold;
text-transform:uppercase; 
text-align: center; 
}

4. Simpan template anda. Selesai.

2 comments:

  1. Terima kasih atas artikelnya.
    o iya selama saya jelajah mencari ilmu dengan blogwalking, menurut saya

    anda memiliki kelebihan tersendiri dari situs-situs lain dan jujur potensi

    anda juga sangat bagus, banyak juga ilmu yang saya pelajari disini jika ada

    waktu saya akan berkunjung lagi.

    ditunggu kunjungan baliknya :D


    #Semoga sehat selalu :D

    ReplyDelete