Wednesday, February 20, 2013

How To Add Bricks Style Labels To Blogger

Friends, This is a useful widget to bloggers, Its more attractive than ordinary (default) Blogger label widget. You can easy to install this widget to your blogger.Follow below instruction and install it…

label cloud brick style widget (masterhacksindia.blogspot.com)

First go to your Blogger.

Select Template and Click on Edit HTML

Now find (Ctrl+F) this code ]]</b:skin>

Copy below code and paste before ]]</b:skin>

#Label1{padding-bottom:10px;border-bottom:1px solid #a8a8a8;border-top:1px solid #f9f9f9;padding-left:15px;margin-top:0px;padding-right:27px;width:260px;} #Label1 h2 { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7ACD0hG1UGIh55Z8Uyl1ozpCvt255EDl8gGNp5bNbw-lu1jTKMKqqt65GsrghCoQSAW8S6a8o6EuaB80Ih5GFHw4H_vEhWIoTyXcO1vdcVVtD6hro7VUt-I2E8Ko_POwxC0rAtKi6128/") no-repeat scroll left center transparent; padding-left:55px; margin-top:15px; color:#000000; font-family:arial; font-size:19px; font-weight:bold; height:51px; letter-spacing:-1px; text-transform:none; } #Label1 a{color:#000000;background-color:#fafafa; padding:1px 2px 1px 2px;font-size:11px;border:1px solid #d2d1d0;} #Label1 a:hover{background-color:#eeeeee; text-decoration:none;border:1px solid #bbbbbb;} .label-size{line-height:0}

Save your Templates.

Now Go to Layout

Edit Your Label Like below .