hi all, blogger blogging platform by default give you the ability to add Labels for your post, so you can add and display your blog Labels at your sidebar.
but because we all want our blogs look great for our visitors, we need to give this labels good style,
So now, we’ll learn how to add amazing tag/labels cloud widget to our sidebar instate of the normal one that presented by blogger.
We’ll do it in few steps.
1. Log into your blogger account.
2. Go to dashboard >> layout >> Edit HTML
3. Find the next code
You can find it by clicking ctrl+f in your browser.
And past the next code just after the above code.
Hints.
- You can change it’s location at your side bar by going to dashboard >> layout
and move it up or down.
- you can change the widget width and height by editing this part in the code.
Demo.
If you want to see demo flash animated labels cloud
click here
(new window)
The source : Thanks for Amanda.
Cisco is offering express foundation 646-363 exam for the account managers along with 646-563 exam for advanced security and 646-656 exam for wide area application services for account managers.
but because we all want our blogs look great for our visitors, we need to give this labels good style,
So now, we’ll learn how to add amazing tag/labels cloud widget to our sidebar instate of the normal one that presented by blogger.
We’ll do it in few steps.
1. Log into your blogger account.
2. Go to dashboard >> layout >> Edit HTML
3. Find the next code
And past the next code just after the above code.
<b:widget id='Label99' locked='false' title='Labels' type='Label'>4. Click save template and now check your Blog. And enjoy.
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
Hints.
- You can change it’s location at your side bar by going to dashboard >> layout
and move it up or down.
- you can change the widget width and height by editing this part in the code.
width="250" height="200"
Demo.
If you want to see demo flash animated labels cloud
click here
(new window)
The source : Thanks for Amanda.
Cisco is offering express foundation 646-363 exam for the account managers along with 646-563 exam for advanced security and 646-656 exam for wide area application services for account managers.
0 comments:
Post a Comment