Garis Melengkung Pada Kolom

Diposting oleh feri muhibudin pada Minggu, 06 Februari 2011

  1. Login ke Blogger dengan ID blogger sobat tentunya.

  2. Klik Tata Letak

  3. Klik Edit HTML

  4. Cari kode h2.date-header {

  5. Copy kode berikut tepat setelah kode diatas


    border-left:3px solid #0080FF;
    border-right:3px solid #0080FF;
    border-top:3px solid #0080FF;
    border-bottom:0px solid #0080FF;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;


  6. Cari kode .post-body {

  7. Kemudian copy dan letakkan kode berikut ini setelah kode tersebut.


    border-right:3px solid #0080FF;
    border-left:3px solid #0080FF;


  8. lalu cari kode .post-footer { dan letakkan kode berikut dibawah kode tersebut.


    border-left:3px solid #0080FF;
    border-right:3px solid #0080FF;
    border-top:0px solid #0080FF;
    border-bottom:3px solid #0080FF;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;


  9. Oke, sudah selesai..Simpan Template sobat.

Artikel Yang Mungkin Anda Suka:

{ 0 komentar... read them below or add one }

Posting Komentar

Jangan lupa komentar ya...