Wednesday, 30 October 2013

Widgets

How Add Stylish Custom Labels Cloud widget for Blogger

Posted By : Anonymous | Wednesday, 30 October 2013 1 Comment so far
PUT YOUR PARSED ADSENSE CODE HERE
i Will Show You Today Beautiful New Stylish Custom label Widget For Blogger.Its Look Very attractive and lovely Widget For blogger.You can add this Widget in few Steps.you can apply in few CSS Coding And look Your Blogger Label Stylised, And if you want to change more changing in your blogger label Color and style just in simple Changing. you can see my blogger label widget is different all blogger label Widgets.So lets We back And Now try to istall this widget in blogger.and more attractive ouy blogger design.it's Related To SEO because it increase Your Blogger traffic.
How Add Stylish Custom Labels Cloud widget for Blogger
How Add Stylish Custom Labels Cloud widget for Blogger

How To Add Make Custom Labels Cloud Widget in Blogger

Just Follow these Steps.
  • Go To >> Blogger.com >> Dashboard >> Template >> Edit HTML
  • Fint This Code ]]></b:skin> Using  Ctrl+F
How To Add Make Custom Labels Cloud Widget in Blogger
How To Add Make Custom Labels Cloud Widget in Blogger
  • After Finding This Code Copy Below Given CSs Code And Pase Above it.
/*----- Custom Labels Cloud-----*/
.label-size{
margin:0;
padding:0;
position:relative;
}
.label-size a{
float:left;
height:24px;
line-height:24px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:20px;
padding:0 10px 0 12px;
background:#0089e0;
color:#fff;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
}
.label-size a:before{
content:"";
float:left;
position:absolute;
top:0;
left:-12px;
width:0;
height:0;
border-color:transparent #0089e0 transparent transparent;
border-style:solid;
border-width:12px 12px 12px 0;
}
.label-size a:after{
content:"";
position:absolute;
top:10px;
left:0;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
-moz-box-shadow:-1px -1px 2px #004977;
-webkit-box-shadow:-1px -1px 2px #004977;
box-shadow:-1px -1px 2px #004977;
}
.label-size a:hover{
background:#555;
}
.label-size a:hover:before{
border-color:transparent #555 transparent transparent;
}
  • Save Your Template
  • Next Follow Some Simple Steps How Customize it.

How To Set Your Blogger Label Widget Simple Style To Cloud

Just Follow Screenshot Instructions And Do this.

  • Simply Go to >> Dashboard >> Layout >> Edit the "Labels" widget option and set it to "cloud

How To Set Your Blogger Label Widget Simple Style To Cloud
How To Set Your Blogger Label Widget Simple Style To Cloud
Finally Step is save your Widget And You Can See open Your Blog And Stylish Cloud widget .
Do you Like this story..?

Get Free Email Updates Daily!

Follow us!





1 comments :

  1. I would say, innovation and creativity is the key for label printing industry. Logo and brand design skill is a must to achieve success in this sector. http://www.artexlabel.com/ plying a vital role in printed label manufacturing industry now a days. Service oriented and very professional and maintain the best quality ever.

    ReplyDelete

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Imtiaz Ahmed

  • Tips And Tricks
  • Template
  • Make Money
  • Widget
  • Sitemap
  • Back To Top