Yellow Colour Label Widget For Blogger

In This Post.. I Am Sharing One Tricks How To Change Label In Yellow Colour Cloud
Lets Start.............

1. Log in to blogger account and Click drop down.



2. Now select "Template" Like Below.





3. Now you can see Live on blog, Click EDIT HTML Button"

4. Now click Proceed button.

5. Find this tag by using Ctrl+F ]]></b:skin>

6. Paste below code Before ]]></b:skin> tag

/*-----Custom Labels widget by www.bloggertrix.com----*/ #Label1 a{float: left;
font-size: 11px!important;
line-height: 1em!important;
display: block;
margin-right: 7px;
margin-bottom: 7px;
padding: 7px;
background: #ffd964 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEmtU9U3cbMeZYhrcXoMel6iqU1RuTFY6puaRg7jZdh_Npb9VQFdyNjW_gfmfh6Blqg9rFGnZDhHszQNWZA5DX_3hcIxgWPqnqToNZzmozxQBWBbsW2uHonhJg7efaz763p0fNPztFUPw/s1600/yellow-btrix.png);
border: 1px solid #F9B653;
color: #9C6533!important;
text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.1);
webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#Label1 a:hover{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhegrJOS0OPLm869g_eoDrOgOcsJx9JSMvOGfYhja941jWXwWbAYV99k3AZJToKM6HEODP4YLnfPudR_UpP0szB6ibQA131RKJ3_fRYN9yRnawLRGNggErxyly39jVrNB3D93MTi1eBn9c/s1600/yellow-btrix-hover.png);}
#Label1 a:active { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRWwz8KL6tZm7y155JvW9M9B9sOGaiMeVFwqZunucOnPBW4N1OVm_791FLrqDZvV799H4jy_8PhCBvXkpJZ7cxigFyP59CYi6_aFZzdV_henNTBNXWRtCfDBbL_cMuPu33sbSXhdWTcxg/s1600/yellow-btrix-active.png); }

7. Now Click Save Template.

You are done...

Tweet