Learn how to Change Blogger Label Links As Brick / Box Style




In this tutorial im going to explain, how to add

brick or box style for Label gadget in blogger.

Actually,this is a cool style for your blog.

Most of your visitors like it. And view your more

categories.You can apply it to your blog with

easy steps, you can try it.




1. Log in to blogger account & Go to Template >> Edit HTML

2. Find this code  by using Ctrl+F  ]]></b:skin>

3.Paste below code Before ]]></b:skin> code:




#Label1 a{
color:#333;
padding:2px 8px;
line-height:24px;
margin:0 2px;
background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJw7eaHgkif-g0uN5Oi52ic9w-ti_f80HM5hQNjjReyS4SCqCWPY-iXVDlf7IGN19c_b4ZwbcgZ6qOeF8QXnRKQA6088-8yvsq9SNyIN4Q34Rx6V98rwx1e-2-4SJoxgeEKZaX90JojNs/s1600/bricks.png) center center repeat-x;
border:1px solid #ddd;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
font-size:10px !important;
text-decoration:none;}
#Label1 a:hover{
color:#666;
background:none #fff;
text-decoration:none;}





4. Now Click  Save Template.

    You are done...

Enjoy...





































































Post a Comment

0 Comments