Wednesday, March 17, 2010

Making label cloud rotating

On this occasion, we will discuss how to Make a label display rotating cloud on your blog, if you did not know what that label is, this a bit about the label, label is , posting articles which are grouped in one category, for example, you make a posting titled 'how to create a label cloud this spin, this title about blog tutorial, so the label is tutorial blog, i think you understand with that.

For those of you who want to put this spin label cloud, continue reading this article.

1. Login to Blogger
2. Click the Layout
3. Click the Edit HTML tab
4. Click on Download Full Template, to backup your template
5. Then click the button Expand Widget Templates and find the reply code like this:

<b:section class='sidebar' id='sidebar' preferred='yes'>

6. Copy the following code after the code above:

<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;0x333333&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>

7. Then Save Template. and see the results.

to change its size, you can select the widget, which will appear on your blog ..

good luck ...

No comments:

Post a Comment