How To Change The Background Of A Gadget In Blogger

blogger-blogspot-bubblerian-tutorial-guide

In this tutorial i will evidence y'all how to change the Groundwork color of Each Gadget Individually...

There are two ways you tin practise it, one is by editing the HTML of your weblog, and the other is by adding a CSS code. I take decided to share the CSS method merely because it's easier, and there is less danger with CSS then if i get yous into messing with HTML coding... Here we go:

Outset of all you will demand your Gadget/s ID. You cannot do this without the ID of each gadget you lot want to add a groundwork color to. To discover the ID of a gadget, become to your blog's Dashboard, then click on Layout, here you volition see all of your Gadgets. Click Edit on the ane yous want to edit, and on the window that opens, look in the Address Bar of that window in the upper-right corner. At the End of that URL, you will see the ID of that detail widget... Information technology may be for case = "Gadget2", or "HTML1"......

Now that you have your Gadget'due south ID, go back and click on Template on your Dashboard menu. Then click on Customize, then Advanced, and and so Add CSS... Now in the Add together Custom CSS window, you desire to copy the following Code:

#Gadget ID
{background:your colour ; }

At present, you volition need to add together 2 things. Commencement replace where it says "Gadget ID" with the ID of the Gadget you want to add a specific color to. Adjacent, you want to add the colour of your choice. For a list of Codes and colors click here for HTML color codes. When y'all find and selection a color, REPLACE the " your color " text in the code above, with the code of the colour your chose.

Save.. Done..

Note: You tin can add the same exact code, one later the other, for Each Gadget you want to customize... All you need is the Gadget's ID, and the HTML color code of your choice... Skilful luck, and if you have any questions, i'm always hither to aid... :)

My Previous Tutorials:

i. Creating a Blogger Blog:
http://soap-bubbles-land.blogspot.com/2015/12/blogger-tutorial-creating-blogspot-blog.html

ii. Blogger tutorial for sharing links on Facebook!:
http://soap-bubbles-country.blogspot.com/2016/06/blogger-blogspot-tutorial-sharing-links-facebook-debug-thumbnail.html

three. Blogger Archive Tutorial - Expand/Collapse:
http://soap-bubbles-land.blogspot.com/2016/06/blogger-annal-expand-collapse-tutorial-guide-blogspot.html

4. Blogger Tutorial - How to add together borders to gadgets:
http://soap-bubbling-country.blogspot.com/2016/07/blogger-tutorial-how-to-add-borders-to-gadgets.html

5. Blogger Tutorial - How to add a separation line & how to adjust the space between Gadgets:
http://soap-bubbles-state.blogspot.com/2016/08/blogger-tutorial-how-to-add-separation-adapt-space-gadgets-backup-template.html

============================
My Blogger Blog:
http://seriouslyfunnyhumor.blogspot.com/
============================
Find me on Twitter:
https://twitter.com/Lionsnr892
============================
Find me on Google+
https://plus.google.com/+JamesYoung24
============================

+Web log +Free-blog +Blogger +Blogspot +Create-web log +Blog-creation +Starting-a-blog +Starting-blogspot +Creating-blogspot +Gmail +Google +Website +Personal-blog +Blogger-tutorial +Facebook +Facebook-thumbnail +HTML +Blogger-HTML +Facebook-cache +Facebook-preview +Website +Archive +Blogger-annal +Blogspot-annal +Blogger-annal-expand +Blogger-annal-collapse +Blogger-archive-gadget +Blogger-gadget +Web log-widget +Weblog-gadget +Blog-border +Blog-gadget-edge +Blog-widget-edge +Add-borders-to-gadgets +Add-borders-to-widgets +Blogger-add-gadget-borders +Backup-restore +Backup-template-blogger +Separation-lines-gadgets +Separation-lines-widgets +Adjust-space-between-gadgets +Css +Add-CSS +Add-custom-CSS +Blogger-gadgets-separation-lines +Blogger-widgets-separation-line +Blogger-adapt-infinite-between-gadgets +Blogger-adjust-space-betwixt-widgets +Background-gadget-color +Edit-specific-gadget-background-color

Film --> I took the Screenshot from Blogger's folio

↠ This post was originally published on Bubblews in the Tutorials category past me ( Bubblerian ) on August 26th 2013.