Welcome My Blog ----- http://arman85.blogspot.com/ ------ Follow My Blog SEMOGA BLOG INI BERMANFAAT UNTUK ANDA ---- BLOGER YANG BAIK POST KOMEN YACH
English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Minggu, 04 November 2012

Cara Mengganti Sidebar Widget


Hari ini sebenarnya latihan Pramuka nich cuman karna hujan mengguyur nunukan yach g jadi lagi latihan.
 coba-coba utak atik Html  Blog eh  dapat ilmu lagi nich
hari ini ilmu yang mau saya bagikan yaitu :

 Cara Mengganti Sidebar Widget....... itu tuh yang disamping kiri kanan blog saya....

Ok pertama seperti biasa loging dulu mas bro....
Langsung Ke TKP
klik Temlplate anda muncul tu edit HTML...
kemudian muncul tuh lanjutkan....

Nah biar cepat klik control F masukkan ( .sidebar .widget { ) muncul format seperti dibawah ini

.sidebar .widget {
    background: url(Ganti Bagraound disini ) no-repeat bottom;
    padding-bottom: 18px;
    color: #222222;
    margin-bottom: 10px;
}
.sidebar .widget-content {
background: url(Ganti Bagraound disini) repeat-y center;
padding:10px;
}

Nah kalau uda silahkan ganti teks yang berwarna merah diatas dengan baground anda saya biasannya mengcopy baground  dari om google atau coba clik di sini ,
kan banyak tuh yang tersedia.

paste aja tu di teks warna merah di atas maka hasilnnya

.sidebar .widget {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjju-E9qb8sIT6t2zt8rOgEQXGae1n9lm5Mr6naJ_ecVtbn0h6VKDrqsvIyPE6a75NNTQ7ZaBaFqWo_Y1rN2sAG1h54pjQPSAJZo3loSzqxhokmwhqGJv__eo8MwSdlCPJvAENzTQ3ZNj1A/s320/Background-Wallpaper.jpg) no-repeat bottom;
    padding-bottom: 18px;
    color: #222222;
    margin-bottom: 10px;
}
.sidebar .widget-content {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjju-E9qb8sIT6t2zt8rOgEQXGae1n9lm5Mr6naJ_ecVtbn0h6VKDrqsvIyPE6a75NNTQ7ZaBaFqWo_Y1rN2sAG1h54pjQPSAJZo3loSzqxhokmwhqGJv__eo8MwSdlCPJvAENzTQ3ZNj1A/s320/Background-Wallpaper.jpg) repeat-y center;
padding:10px;
}


setelah itu save template lalu lihat hasilnnya...
mudah mudahan bermanfaat yach...






Editor : Arman
Link   : http://arman85.blogspot.com