Background for Your Sidebar

Halo lagi, semuanyaaa! Akhirnya aku balik ngepost lagi ^^. Seharusnya, aku hari ini ngepost tentang selfcare, tapi ada yang request, nih, si Loubna. Dia request, gimana caranya kok sidebar aku berbackground. Yuk, capcuss...




Credit: Kak Gifta

• Log in ke blogger
• Pilih blog yang mau kasih background sidebarnya
• Theme >> Edit HTML
• Cari kode .sidebar .widget{ 

p.s: kalo gaada, cari kode /* mobile, trus paste kode di bawah garis putus-putus, dan tambah kode nomer 4 setelah garis putus-putus.

• Copy kode ini:

.sidebar .widget{

width:300px;

-moz-border-radius: 10px;

-webkit-border-radius: 10px;

margin-top: 5px;

border: 2px double #dcdcdc;

padding:10px;

font-size: 10px;

background:url(Your background url)repeat;

-webkit-transition: 0.5s;

-moz-transition: 0.5s;

}

.sidebar .widget:hover {

-webkit-box-shadow: 0px 0px 12px 2px #000;-moz-box-shadow:    0px 0px 12px 2px #000;box-shadow:         0px 0px 12px 2px #000;-webkit-transition-duration: 2s;

border: 1px dashed #a9a9a9;border-radius: 30px 0px 30px 0px;

-moz-border-radius: 30px 0px 30px 0px;

-webkit-border-radius: 30px 0px 30px 0px;

}

•  Paste kode tadi setelah kode nomer 4
• Save

Yang warnanya silver, kalian boleh mengganti kode warnanya. Kalo di bold, kalian boleh mengganti dengan url background yang kalian mau. Udah, ya. Makasih udah baca and dadah!!

---

Thanks for reading my post! Don't forget to comment ^^

---