You can also modify the look of Label Widget in your Blogger site with our Ready-made code in a few seconds. We have a Ready-made code for 3 Stylish Look of LABEL Widget.
All the 3 Modified Look for LABEL Widgets are explained below with photos.
All the 3 Modified Look for LABEL Widgets are explained below with photos.
Type 1 Modification of LABEL Widget:-
Code Notepad File for modification is available below to Download and Use it on your Blogger site for all 3 types.Type 1 LABEL WIDGET Modified Look like Green Leaf with Hover Effect.
This LABEL WIDGET Looks look BETTER when your Label Widget Setting is in CLOUD Mode rather than List Mode. So better to use Cloud Mode for this code.
Type 2 Modification of LABEL Widget:-
You can use this for any mode: Either List Mode or Cloud Mode.
Type 3 Modification of LABEL Widget:-
This Looks of LABEL Widget looks better in LIST Mode. So better to use this in List Mode in Settings as in the photo below.
Now, Let's Learn to Modify the Look of LABEL Widget in Blogger Step by Step:-
#1. First of all, Download the Code to MODIFY for the LABEL Widget.
We have 3 Separate Code files for the Above 3 Types of Modification. You can choose any of the above or try all the 3 types.
Download Link of CODE Notepad File to Modify LABEL Widget Look in BlogSpot:
#2. Now, First of all, before modifying the Widget, Let's ADD the LABEL Widget in our Blogger.
Open Blogger, Go to LAYOUT Option, then click on Add a Gadget and then Choose LABEL Option.
For Customizing the Look of Label Gadget, you can add the Label gadget anywhere in your Blog. The place of the Gadget doesn't matter for changing the Look. So you can place the LABEL Widget anywhere (Either in Sidebar or in the main body) on your site.
#3. Now Open the Downloaded Code Notepad File to Add it to your Blogger CSS/Theme. Customize the Font and Background Color if needed. Then Copy the Code to Paste it into our Blogger CSS.
#4. For Pasting the Code in Blogger, Open Blogger, Go to Theme Option and then click on EDIT HTML Option.
#5. Now SEARCH for this Code in Blogger HTML:
]]></b:skin>
We should PASTE the LABEL Look Modifying Code JUST ABOVE or BEFORE: ]]</b:skin>.
#6. Now SAVE the theme and Look for Changes in your site. The Look of LABEL Gadget is modified on your Site. Change the List or Cloud Mode in the LABEL Setting if you don't like any of them.
Code also may not work Either in LIST mode or CLOUD Mode. So keep changing the List and Cloud Mode; if the Code is not working in your site and check in the site, it will work after changing.
Congratulation, You just LEARNT to change the Look of the LABEL Gadget in your Blogger. Now you can use the CUSTOMIZED Stylish LABEL Gadget in your BlogSpot as we have used.