• Home
  • Blogging
    • Blogging Tips
    • Internet Marketing
    • SEO
    • Guest Blogging
    • Tutorial
    • WordPress
  • Social Media
  • Internet Marketing
  • About
  • Advertise
  • ToS
  • Privacy Policy
  • Write here
  • Contact

[How to] Add Animated Label Cloud For Blogger : Blogumus [Tutorial]

Jul05
2011
2 Comments Written by Abhi
PinExt [How to] Add Animated Label Cloud For Blogger : Blogumus [Tutorial]
Hello friends,You Must know if you want to be a pro Blogger that the most important thing is that your blog navigation is easy for your readers.So One Widget which Helps your readers to easily crawl to your blog for the content they are searching for is BLOGUMUS that is a animated label cloud..So the tutorial for How to Add Animated Label Cloud For Blogger goes HERE
ScreenShot088 [How to] Add Animated Label Cloud For Blogger : Blogumus [Tutorial]
Login to your Blogger Dashboard..Select your blog,
Go to Design Tab  Then Edit Html (Back up your Template First)

Press Ctrl+F to open the find box….

now finde one of th code given below..

<b:section class=’main’ id=’main’ showaddelement=’no’> (code A)

or


<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’> (code B)

Now paste the code given in box below immediatly after the searched CODE A orCODE B

<b:widget id=’Label99′ locked=’false’ title=’Labels’ type=’Label’>
<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<script src=’http://sites.google.com/site/bloggerustemplatus/code/swfobject.js’ type=’text/javascript’/>
<div id=’flashcontent’>Blogumulus by <a href=’http://www.roytanck.com/’>Roy Tanck</a> and <a href=’http://www.bloggerbuster.com’>Amanda Fazani</a></div>
<script type=’text/javascript’>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0×333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values=’data:labels’ var=’label’><a expr:href=’data:label.url’ style=’12′><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name=’quickedit’/>
</div>
</b:includable>
</b:widget>

 Now Preview your template if its working properly,then save it,and go to Page Elements to adjust the position of your Label widget you added(Blogumus).

Customize your Label Widget (Blogumus)
Defaul settings for this widget are:
Width  240px
Height 300px
Background color  white
Test color grey
Font size “12″

Now if u want to customize this widget to suit your blog..learn step by step..

change width,height,background.:

Firstly look at code line given below.

var so = new SWFObject(“http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf”, “tagcloud”, “240″, “300″, “7″, “#ffffff”);

this code works like

“tagcloud”, “Widht”, “Height”, “7″, “#Background”);

Change the Colour of Text:

we need to edit this code

so.addVariable(“tcolor”, “0×333333″);

Only chnge the code after ’0x’ that is only numbers…change 333333 to any Hex colour code….

Change Maximum size of the Tag

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>”);

chnge the no. with STYLE=’-’..

see the preview to check all these customizations match your blog or not….

let me know if u use this gadget..drop your blog address..

In Return i just need you to share this post and hit like if you like this post…..Comments Are Welcome…thanx..

 [How to] Add Animated Label Cloud For Blogger : Blogumus [Tutorial]

About Abhi Balani

Hello reader, I'm +Abhi Balani, owner of this blog. I'm a future Computer Engineer and a part time blogger as well. Love to connect with others. Boy with so many dreams. I try to give best blogging tips on my blog. Visit my My tech Blog

  • web [How to] Add Animated Label Cloud For Blogger : Blogumus [Tutorial]
  • twitter [How to] Add Animated Label Cloud For Blogger : Blogumus [Tutorial]
  • facebook [How to] Add Animated Label Cloud For Blogger : Blogumus [Tutorial]
  • google [How to] Add Animated Label Cloud For Blogger : Blogumus [Tutorial]
  • youtube [How to] Add Animated Label Cloud For Blogger : Blogumus [Tutorial]
  • wordpress [How to] Add Animated Label Cloud For Blogger : Blogumus [Tutorial]
Posted in Blogger Widgets, Tips, Tutorial
← [How to] Add About The Author Box Below Every post [Tutorial]
[How To] Add a FeedBack widget to your blog / Site (images also)[Tutorial] →

2 Comments

  1. maddy's Gravatar maddy
    July 13, 2011 at 11:54 am | Permalink

    i got to learn about someone new. welcome to the blogging world! Thanks!

    Label Templates

    Reply
  2. Abhi Balani's Gravatar Abhi Balani
    July 13, 2011 at 1:41 pm | Permalink

    @ Maddy : :-)

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

*

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badgeShow more posts


Recommend on Google
  • RSS Feed
  • Pinterest
  • Google Plus
»»

Talk of the Town

  • Writing Tips at a Glance (66)
  • OddBlogger WON Blog Engage Guest Blogging Contest #2 (57)
  • OddBlogger.com is now Self-Hosted WordPress Blog (43)
  • Blogger to WordPress Migration! (40)
  • 10 Ways To Win Loyal Fans Through Blogging (38)
  • Best WordPress Security Plugin – Better WP Security Plugin (32)

Recent Posts

  • Ethical Ways to generate backlinks without using Black Hat SEO
  • 10 Simple Tricks To Improve Your Website Rankings
  • 4 Simple Tips To Succeed As A Blogger
  • Blog Engage Guest Blogging Contest #3: Participated again
  • OddBlogger WON Blog Engage Guest Blogging Contest #2
  • Content Marketing Guidelines to Keep up with Google Algorithm Changes
  • Sure Fire Link Building Strategy For Mass Traffic
  • Reduce Stress and Improve Blogging Performance by Changing Your Diet
  • Best WordPress Security Plugin – Better WP Security Plugin
  • Why is it necessary to take a break from blogging?

Categories

Write on OddBlogger.com
I love comments

Meet the Odd!

I'm Abhi Balani, owner of oddblogger.com. A computer science student, future computer engineer and part time blogger. Know more about me and my blog: Click here.

Top Commentators

  1. Amrik Virdi Amrik Virdi (7)
  2. Zeeshan Zeeshan (7)
  3. Arbaz Khan Arbaz Khan (5)
  4. Jane Jane (4)
  5. Jeet Dholakia Jeet Dholakia (4)
  6. Andreas Pazer Andreas Pazer (3)
  7. ashish ashish (3)
  8. Mohideen Mohideen (3)
  9. bbrian017 bbrian017 (2)
  10. Holly Jahangiri Holly Jahangiri (2)

EvoLve theme by Theme4Press  •  Powered by WordPress OddBlogger
Best Blogging Tips

Back to Top