Border pada sidebar

Border pada sidebar

Assalammualaikum.

tutorial kali ini telah direquest oleh Raihan.
Mari belajar nak buat border pada sidebar.


1) Buka
       (old interface) Dashboard - Design - Edit HTML.
       (new interface) Dashboard - Template - Edit HTML - Proceed.

2) cari kod ini :
        ]]></b:skin>

3) Copy kod dibawah dan letakkan diatas kod (2)
       .sidebar .widget {
        background : transparent ;
        border: 5px solid #000000;
        margin:0 0 2em;
        padding:10px 10px 10px 10px ;
       }

4) Customizekan kod :

background : #000  
<---letakkan simbol # dan cari kod warna di SINI.

border : 5px solid #000 
<-- 5px untuk tukar lebar border,nak kurang,letakkan 2px
<-- solid,nak tukar jenis border,rujuk INI.

sumber : EMPAYAR TIGA.
ini tutorial dari Empayar Tiga,namun eca kurang gunakan kod ini,sebab eca ada satu kod khas untuk customize sidebar.Tunggu entry akan datang #insyaallah.

Post a Comment

12 Comments

  1. tutorial menarik! :)

    jom lawat :
    http://mahabbahathirah.blogspot.com/2012/08/addicted-dengan-gambar-sendiri.html

    ReplyDelete
  2. thanks sebab share ..
    jom like ni jap
    http://www.facebook.com/pages/Qasehnya-Rania/202226283197791

    ReplyDelete
  3. menarik bila org nak cantikkan sidebar tu kan... bagus tutor ni..

    ReplyDelete
  4. uwaaaa.... tutorial... good.

    ReplyDelete
  5. yeahh..nnt raihan nak try..^^

    tq eca..

    ReplyDelete
  6. nice tuto kak .. sgt mmbantu :)

    ReplyDelete
  7. rajinnya eca bagi tutorial. :)

    ReplyDelete
  8. Selalu tgk kat blog lyssa ;) Tp td cari tak jumpa pula ;) boleh tgk sini :)

    ReplyDelete
  9. wah..ada satu yang khas utk sidebar tu.. apa la tu..hehehe

    ReplyDelete
  10. wah.. macam best je ni

    ReplyDelete

Terima Kasih atas komen anda.
Eca akan balas & terjah anda secepat mungkin.
*-*