Cara Buat Border Melengkung

Posted on
  • Friday, June 10, 2011
  • by
  • Borong Shop
  • in
  • Labels:

  • Menukar tampilan bagi mengindahkan blog tentunya merupakan antara salah satu kemestian yang dilakukan oleh seseorang blogger.Selain dari cantik dan tidak memberatkan loading blog adalah antara yang perlu diberi perhatian bila melakukan sesuatu perubahan pada template.Sebelum ini saya ada membuat entri tentang membuat border disekeliling posting. Namun kali ini pula dipenjuru border dalam bentuk bulat.


    Untuk membuatnya:
    1.Masuk ke blogger dan pilih design
    2.Klik edit HTML dan tandakan pada Expand template widget
    3.Cari kod h2.date header{ 

    dan letakkan kod ini dibawahnya
    border-left:3px solid #0000FF; border-right:3px solid #0000FF; border-top:3px solid #0000FF; border-bottom:0px solid #0000FF; -moz-border-radius-topleft:15px;-moz-border-radius-topright:15px;
    Pada template blog ini saya letakkan pada kod: post },jadi tarikhnya terletak berasingan

    4.cari kod .post-body { 

    dan letakkan kod ini dibawahnya
    border-right:3px solid #0000FF;
    border-left:3px solid #0000FF;
    5. Kemudian cari kod ini pula, .post-footer {
    Tambah kod ini dibawahnya
    border-left:3px solid #0000FF;
    border-right:3px solid #0000FF;
    border-top:0px solid #0000FF;
    border-bottom:3px solid #0000FF;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    6.Untuk mengganti border pada sidebar pula cari kod ini:
    .sidebar .widget { 
    dan letakkan kod ini dibawahnya
    border:1px solid #0000FF;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px
    Kod berwarna kuning adalah kod untuk warna biru,boleh ditukarkan dengan kod warna yang bersesuaian dengan template anda.


    7.klik dahulu preview,jika tiada error maka seterusnya save template .

    0 comments:

    Post a Comment

     
    Copyright (c) 2010 Stylish Tutorial by Secret Profile
    Any FAQ ? : Contact Me| Forum| About Me