Liked

Sunday 19 August 2012

Pin It

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.
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:
Technorati Digg This Stumble Stumble Facebook Twitter
साँझा करें Share It Now !
StumpleUpon DiggIt! Del.icio.us Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google Twitter FaceBook

1 comments:

  1. Hello! Do you know if they make any plugins to assist with Search Engine Optimization?
    I'm trying to get my blog to rank for some targeted keywords but I'm not seeing
    very good success. If you know of any please share. Cheers!


    My website ... Library Relocation

    ReplyDelete

Your Suggestions are valuable for me.

Related Posts Plugin for WordPress, Blogger...

FeedBurner Updates

a

Name

Email *

Message *

Feed Back
 

Search This Blog

© 2011-2012. MTS-Mast Tips n Tricks All Rights Reserved Arvind Jangid, Sikar, Rajasthan, Ph. +919413159634 . Template by Mast Blog Tips | Back To Top |