Cantikkan Sidebar Macam Nurul

Assalammualaikum

Smiley ^_^

Hari ni , Nurul nak buat tutorials sesempat yang boleh ! Kenapa kau cakap macam tu pula ? Aku kena tutup komputer kejap lagi. Ouh. Dah ! Kau jangan nak kacau aku ! Okey~ Cantikkan Sidebar Macam Nurul  ? Macam mana ? Alah~ yang dotted kat tepi sidebarlah

Nampak ? Jom buat.

Cara Pertama :

 Design > Edit Html > Tick Expand Widget > F3 > search this code

Simple Template

/* Headings

Denim Template

.sidebar .widget

Jumpa ? Good. For Simple Template :

- Copy and paste kat BAWAH code yang korang jumpa tu.

.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding: 10px 00;
}
.sidebar .widget {
  background : url (URL BACKGROUND);
  border:2px dotted #000000;
  margin:0 -5px 2.0em -5px;
  padding: 10px 10px 10px 10px;
-webkit-border-radius: 20px 20px 20px 20px;}

- For Denim Template. Arahannya sama saja

-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;
border:2px dotted #000000;
margin:2.5em 0.75em;
padding:5px;
font-size: 95%;
background:#FFFFFF;
}

 Preview and Save !

Cara Kedua :

 Design > Add Gadget > HTML/Javascript

 Copy and paste kat HTML/Javascript tu.

<div style="background: #FFFFFF repeat; repeat; padding: 5px; border:2px dashed #000000; border-top-left-radius: 20px 20px; border-bottom-right-radius: 20px 20px;"><center></center>
Sila masukkan code entah pape korang
</div>

 Save !

ABC : Masukkan background yang korang suka. Kalau tak nak pun tak apa , biarkan saja.

ABC : Ketebalan border

ABC : Just choose one dotted / dashed /solid

ABC : Editlah sikit. Setiap blogkan berbeza ?

ABC : Bentuk border

ABC : Warna border. Cari kat sini

ABC : Warna background. Cari kat sini

ABC : Code korang