gadgets for blogspot

How to make Beautiful label Button Like This images.

 This post about how to make blogger labels beautiful button. Like its very attributive and nice. this is very easy way. your all link and post all tages show with this button. Just mouse over to the tages  button move his place and nice look in your blog. So just follow my these instruction. 

login your blogger and select your blog

go to template and click "HTML" >>> Click Proceed

press Ctrl+F and find this cod>>  ]]></b:skin> jus cop and past this cod you show below. you change color with this cod show high lite

fon-siz:10px change font sizefind this cod

# C6C6C6 >> border colour

#6BB5FF >> border solid colour

*********************

 .cloud-label-widget-content span a{margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #C6C6C6;border-radius: 3px;float:left;text-decoration: none;font-size:10px;}.cloud-label-widget-content span a:hover {border:1px solid #6BB5FF;text-decoration: none;-moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;-moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); }

 *********************

 

1.  got to blog Layout >>>>> click add a gadget click pop up window will .... scroll down and you will see  click add + button

2.  and you will see the setting for labels as        b below      see picturs click save button and refresh your blog and see resul. 

 Like this button your all tages button