Home / Template Customization / How To add Borders to Sidebar widgets in Blogger

How To add Borders to Sidebar widgets in Blogger

Posted by Unknown Jumat, 22 November 2013 0 komentar

You may have seen many blogs having sidebar widgets bound around by borders and beautiful background images. You think it for your blog............ Utopia.Don,t worry today I am going to teach you how to customize your sidebar widgets by adding border and background image to it.Below is the brief tutorial which will make you able to do so.

Add-borders-to-sidebar-widgets-in-blogger

How to add Border (Customize) to Sidebar widgets in blogger

First of all goto blogger dashboard.
Now click on the template >> Edit HTML.
Proceed in the template coding.
Press ctrl+f and find ]]></b:skin> tag.
Now copy the below code and paste it above or before the ]]></b:skin> code.

.sidebar .widget {
border: 2px solid;
padding:10px;
background-image:url();
}

Customization Before saving Template (Extra Stuff)

- Now if you want the border to be little far from the widget which is called padding, simply change the value in padding to your desire.

-If you want to add a background image behind your sidebar widgets the simply add the url of your image to the () in the above coding.

-if you want to change the border type change solid to dotted, groove or whatever you want.

If you do the above steps, then click on the save template!
You have done adding border to to sidebar widgets.

TERIMA KASIH ATAS KUNJUNGAN SAUDARA

Judul: How To add Borders to Sidebar widgets in Blogger
Ditulis oleh Unknown
Rating Blog 5 dari 5

Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke https://topandroidnexus7.blogspot.com/2013/11/how-to-add-borders-to-sidebar-widgets.html. Terima kasih sudah singgah membaca artikel ini.