Add Blogger Label Cloud

You can put your blog's label at sidebar to show relevant posts for quick access of topics. Blogger have introduced Blogger cloud on Blogger's 10 Birthday, blogger announced Tag Cloud widget V2. Now you can choose the desired labels to show or not with number of posts under the label and it can be customized with CSS. With CSS, Label Cloud can be configured according the requirement of the layout of your blog. In this Post we will discover how to add blogger default label cloud without any external script and how to customize it with CSS. 

---

How to Add Blogger Default Label Cloud 

---

1. Go To Blogger Dashboard www.blogger.com
2. Go To Layout.
3. Click "Add A Gadget" Where You Want To Add It.

4. Now, Scroll To "Label "

5. Click "+" Icon To Add It.

6. Under the options of Display choose 'cloud' (as shown in given image).

7. Give this widget a Title as Labels, Tags, or Categories etc. and save it. 

---

How to Customize Label Cloud with CSS

---

With CSS label cloud can be customized in some simple steps. In given image, see the customized label cloud with hover effect. 

To customize blogger default label cloud follow some simple steps.

Note:- Back Up Your Template before Going to do this for safety

1. Log in Blogger Dashboard

2. Go to Design>>Edit HTML>>Check mark to Expand Widget Template>>Search out code 

]]></b:skin>

3. Now copy the following codes-

.label-size{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;
color:#000; }
.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
background:#000;}
.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;}
.label-size a:hover {text-decoration: none;
color:#fff;}

4. Now paste code just above  ]]></b:skin>  and save template.

Visit your blog and see beautiful bordered label cloud. If you have any doubt please free to ask.
:)

About Arvind Jangid

Arvind Jangid is the founder and editor of Mast Tips and Mast Blog Tips. He Shares the solutions on 'How To Series' & dedicated to share his blogging tips. Follow Him on Facebook or Twitter . See More About Him.

Liked My Post ?

Subscribe to our RSS Feed and We will let you know when we have new posts!
Or get the latest posts via Email
Thanks!

If You Found Something Useful, Then Kindly share This Now: