Yellow Colour Label Widget For Blogger

Friday, July 5, 20131comments

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(http://1.bp.blogspot.com/-RDR_7KpQdY4/UVHGMTNoZ9I/AAAAAAAABRs/wX3rK8TRpdg/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(http://3.bp.blogspot.com/-gGx35EnLtls/UVHGMahuryI/AAAAAAAABRk/wmUqPUHxMNA/s1600/yellow-btrix-hover.png);}
#Label1 a:active { background: url(http://3.bp.blogspot.com/-LWGrYIKfFxk/UVHGMXN71iI/AAAAAAAABRo/yP2mm8CfBug/s1600/yellow-btrix-active.png); }

7. Now Click Save Template.

You are done...



Share this article :

+ comments + 1 comments

August 15, 2013 at 5:19 AM

Hi - I can't find this. Can you please post screenshots? I don't see a Gadgets Background tab. I am using the Watermark template. Thanks, Steff

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. ProfessionalsSoftware.blogspot.com - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger