Don't Miss

Customized Label Cloud Widget For Blogger

By Zohaib Liaqat - 14 Comments
Blogger labels are used for specifying categories of the posts.By using these labels widget in your blog you can differentiate among different types of posts by creating a label.Default blogger labels are not styled well. But don`t worry these blogger labels can be easily customized using a small CSS code In this post.

Customizing Blogger Label Cloud

  • Log in to your blogger Dashboard
  • Select your Blog
  • Select Template Option And click on Edit HTML
  • Now search (Ctrl + F) For ]]></b:skin>
  • Now Copy (Ctrl + C) the below code and Paste (Ctrl + V) it just above/before ]]></b:skin>
.label-size{
 margin:0;
 padding:0;
 position:relative;
 }
 .label-size a{
text-decoration:none;
 float:left;
 height:18px;
 line-height:18px;
 position:relative;
 margin-bottom: 9px;
 margin-left:10px;
 padding:10px;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(top, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #333;
  font: bold 12px verdana;
    text-align: center;
  text-shadow: 0 1px 0 #eee;
  }
  .label-size a:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
        text-shadow: 0 1px 0 #ddd; }
  button.clean-gray:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }
Enjoy Your New Customized Labels Cloud...
If you face any problem adding this widget in your blog, you can comment here.

---> Do you enjoy this article? Share it with friends/followers and subscribe to this blog now, for you to stay updated with our latest post.

Tags:

14 comments to ''Customized Label Cloud Widget For Blogger"

ADD COMMENT
  1. Very useful article, thanks! I am currently working on a site for easyconvert software, and your tip about the widget will be very helpful. Thanks again.

    ReplyDelete
  2. I appreciated reading your blog. It was very healthy authored and easy to understand. Unlike added blogs I have read which not tht are good. I also establish your posts very interesting. In information after reading, I had to go explain it to my friend and he enjoyed it as well!

    Thanks
    Best essay writing service

    ReplyDelete
  3. Hey! You have come to the right place! I am professional writer and I can assist you in any essay related issue! I understand how it is difficult for students to cope with the number of home assignments they are to do. Writing is my pleasure, so for me completing paper for you is quit quick and interesting process, so you even needn't to worry about the deadline date. Moreover, for that students who want to write paper without writer help, on my writing platform https://cheap-papers.com/write-my-capstone-project.php you can find already written articles. And guys do not worry about the price, cause at papers-land we produce cheap papers, but this price doesn't affect the excellent quaility of our work, also you will be surprised by the papers writing affiliate program we offer to guys who introduce other people to our company.

    ReplyDelete
  4. I was interested in History since the high-school. Now I study it at university. But there is a lot of things I don't know well enough yet. That's why I use grademiners.com whenever I have problems with assignment writing. This service provides great work quality and always finish your order on time!

    ReplyDelete
  5. Your article is great. I'm glad to tell you about business essay writing. I checked there are a lot of writers working there. They can write an essay for me at any time. This is important to me.

    ReplyDelete
  6. Your article is great. I'm glad to tell you about business essay writing. I checked there are a lot of writers working there. They can write an essay for me at any time. This is important to me.

    ReplyDelete
  7. Your article is great. I'm glad to tell you about business essay writing . I checked there are a lot of writers working there. They can write an essay for me at any time. This is important to me.

    ReplyDelete
  8. Nice article, more information, you can visit here

    ReplyDelete
  9. Do not know what game to play? Looking for slots with the highest return to a player? Or maybe you are hunting for newly released gaming machines from leading manufacturers. No matter what the case of yours is, you will definitely find what you need on our site Free Irish Slots Games To Play Online

    ReplyDelete
  10. Free Irish Slots Games To Play Online https://irishslots.net/free-slots/

    ReplyDelete
  11. My favorite subject is any essays on various topics, because more complicated topic is for me more interesting for collecting information and combining it into one exciting and unique creation. And you can see examples of my work at new-essays.com.

    ReplyDelete
  12. Very useful article, thanks! I am currently working on a site for software, and your tip about the widget will be very helpful. Thanks again.
    آهنگ ساقی کوروش

    ReplyDelete