Tutorial Buat Border Melengkung Pada Sidebar Title

Tutorial Buat Border Melengkung Pada Sidebar Title - Baru-baru ini saya terfikir untuk membuat sedikit perubahan pada template blog. Tetapi bukanlah nak rombak keseluruhan, sekadar untuk nampak fresh dari sebelumnya.

Jadi, saya rasakan saya ingin ubah sidebar title saya dari bentuk empat segi kepada melengkung. Agak nampak cute sikit kut? Ah ha...

  

Tutorial Buat Border Melengkung Pada Sidebar Title

1. Pergi ke Template > Edit Html > Proceed

2. Tekan Ctrl F serentak , dan cari kod ini :

.sidebar h2 {
atau
h2 {

3. Kemudian, paste kod berikut ni di bawah kod yang kita cari tadi

.sidebar h2 {text-align:center;
background-color: #FEBFBF;
border-radius: 15px 15px 15px 15px;
border-top: 3px solid #FEBFBF ;
border-left: 3px solid #FEBFBF ;
border-right: 3px solid #FEBFBF ;
background-color:#000000;line-height:1.5em;font-family:Century Gothic;color:#ff0055;text-align:center;border-bottom:0px solid #fc318a;margin-bottom:2px;padding-left:2px;
}

4. Yang tertera di atas adalah bentuk dalam template saya. Jika nak kod warna yang lain, boleh dapatkan DI SINI


5. Preview Template. Tengok menjadi tak sidebar tu?

6. SAVE !

7. So, jadi lain tak rupa blog korang? Perubahan sikit untuk tahun baru 2014! 

Read More ....