LABEL WIDGET CSS CLOUD CODE IN BLOG

Saturday, 3 May 2014

LABEL WIDGET CSS CLOUD CODE IN BLOG

--------------------------------------------------------------------------------------------

ADD LABEL WIDGET IN BLOG
SET CLOUD OPTION

COPY AND PASTE BELOW CODE BEFORE B SKIN TAG

]]></b:skin>
--------------------------------------------------------------------------------------------

/* Label Wideget Code
-----------------------------------------------
*/

.widget-label h2,.widget-label h3{background:#f8f8f8;color:#555;padding:6px 10px;font-family:'Oswald',Verdana,Sans-serif;line-height:1.2em;font-size:14px;font-weight:bold;margin:0 0 0 0;text-transform:uppercase;border-top:3px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}

.widget-label .widget-content{overflow:hidden;margin:0 0 5px 0;padding:10px 0;}.label-size-1, .label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10}.cloud-label-widget-content{text-align:left}.label-size{display:block;float:left;background:#DC1E25;margin:0 1px 1px 0;color:#eee;}.label-size a,.label-size span{display:inline-block;color:#fff;padding:6px 8px;}.label-size:hover{background:#393939}
.label-count{white-space:nowrap;padding-right:8px;margin-left:-4px;}.label-size{line-height:1.2}#footer-top .label-size{background:#555 !important;}#footer-top .label-size:hover{background:#DC1E25 !important;}#footer-top .label-size a{color:#eee !important;}.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0;}.showpageArea a{color:#555;text-shadow:0 1px 2px #fff;}.showpageNum a{padding:5px 12px;margin:0 2px 0 0;border:1px solid #e8e8e8;background:#f8f8f8;}.showpageNum a:hover,.showpage:hover{border:1px solid #b2b2b2;color:#555 !important;}.showpage{margin:0 0 0 0;}.showpage:hover a{color:#555 !important;}.showpageOf,.showpage{padding:5px 12px;margin:0 2px 0 0;border:1px solid #e8e8e8;background:#f8f8f8;}.showpagePoint{background:#f8f8f8;padding:5px 12px;margin: 0 2px 0 0;border:1px solid #b2b2b2;}

.labels a {
background-color:#666666;
background-position:initial initial;
background-repeat:initial initial;
border-left-color:#FFA200;
border-left-style:solid;
border-left-width:4px;
color:#FFFFFF;
display:inline-block;
margin:0 5px 5px 0;
padding:3px;
text-decoration:none;
}

]]></b:skin>

-----------------------------------------------------------------------------------------------------------

READ MORE:

http://fbgadgets.blogspot.co.uk/2014/05/label-widget-simple-for-list-or-cloud.html