Monday, November 21, 2016

CARA MEMBUAT GARIS PUTUS PUTUS SIDEBAR WRAPPER

CARA MEMBUAT GARIS PUTUS PUTUS SIDEBAR WRAPPER



MEMBUAT GARIS PUTUS-PUTUS SIDEBAR WRAPPER 


Assalamualaikum w.b.t :)
Kali ini saya akan posting bagaimana mebuat garis putus-putus di sidebar wrapper.Sebelum melakukan  nya anda back up dahulu templatnya, so kalau terajdi masalah anada tinggal panggil template yang tadi.Kalau tak jadi, jangan salahkan ane ya. (hahaha jangan terlalu serius, becanda). Berikut cara membuatnya :



Contohnya seperti ni, ada garis-garis kecil yang warna hijau




 Klik Template > Edit HTML > Proceed > ( Expand Widget Templates.) centang
 Tekan CTRL+F/F3, (untuk mempermudah ) cari kode di bawah ini 
/* Headings
 Setelah kode ketemu, copas code dibawah ini dan leatak  BAWAH code /* Headings
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.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;
}

Catatan :
Perhatikan warna 
1 : Masukkan backgroundnya. Kalau boleh jangan ambil yang ada gambar, ambil yang simple.
2 : Ketebalan border. Yang saya buati tu dah lawa la kot?
3 : Ganti solid > dotted > dashed. Choose one only.
4 : boleh edit sedikit dengan menukar nomor itu kalau yang saya bagi menurut punya saya. Karena setiap blog berbeda?
5 : Warna border

Sekian tutorial ini saya buat , semoga bermanfaat.

Go to link Download