<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><feed xmlns='http://www.w3.org/2005/Atom' xmlns:openSearch='http://a9.com/-/spec/opensearchrss/1.0/' xmlns:georss='http://www.georss.org/georss' xmlns:gd='http://schemas.google.com/g/2005' xmlns:thr='http://purl.org/syndication/thread/1.0'><id>tag:blogger.com,1999:blog-7656919530816349552</id><updated>2011-11-27T17:44:06.480-08:00</updated><category term='untoong'/><category term='Tag'/><category term='Amanda'/><category term='blogger'/><category term='TUTORIAL'/><category term='untoong.blogspot.com'/><category term='Label Cloud'/><category term='Blogumus'/><category term='blogspot'/><category term='Roy Tanck'/><category term='HTML'/><title type='text'>Blogumus</title><subtitle type='html'></subtitle><link rel='http://schemas.google.com/g/2005#feed' type='application/atom+xml' href='http://blogumus.blogspot.com/feeds/posts/default'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7656919530816349552/posts/default?max-results=100'/><link rel='alternate' type='text/html' href='http://blogumus.blogspot.com/'/><link rel='hub' href='http://pubsubhubbub.appspot.com/'/><author><name>4 Seasons Wine</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/_jgP0ZDWXzfs/SdLYBJDGsrI/AAAAAAAABgE/W34Ik4S4k1I/S220/icon.JPG'/></author><generator version='7.00' uri='http://www.blogger.com'>Blogger</generator><openSearch:totalResults>1</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>100</openSearch:itemsPerPage><entry><id>tag:blogger.com,1999:blog-7656919530816349552.post-6797621761340495585</id><published>2008-10-01T20:07:00.000-07:00</published><updated>2008-10-02T01:29:18.106-07:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='Roy Tanck'/><category scheme='http://www.blogger.com/atom/ns#' term='blogger'/><category scheme='http://www.blogger.com/atom/ns#' term='TUTORIAL'/><category scheme='http://www.blogger.com/atom/ns#' term='untoong.blogspot.com'/><category scheme='http://www.blogger.com/atom/ns#' term='Label Cloud'/><category scheme='http://www.blogger.com/atom/ns#' term='Blogumus'/><category scheme='http://www.blogger.com/atom/ns#' term='blogspot'/><category scheme='http://www.blogger.com/atom/ns#' term='untoong'/><category scheme='http://www.blogger.com/atom/ns#' term='HTML'/><category scheme='http://www.blogger.com/atom/ns#' term='Tag'/><category scheme='http://www.blogger.com/atom/ns#' term='Amanda'/><title type='text'>Blogumus : A animated label cloud for Blogspot</title><content type='html'>&lt;span style="font-weight: bold;font-size:180%;" &gt;How to install Blogumus in your Blogger Layout&lt;/span&gt;&lt;br /&gt;&lt;span style="font-size:130%;"&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;    Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your &lt;span style="font-weight: bold;"&gt;Blogger template&lt;/span&gt;, though any tweaks for the style of display will require some manual editing. Here are the steps required to install Blogumus in your Blogger layout:&lt;br /&gt;&lt;br /&gt;Go to &lt;span style="font-weight: bold;"&gt;Layout&lt;/span&gt; &gt; &lt;span style="font-weight: bold;"&gt;Edit HTML&lt;/span&gt; in your &lt;span style="font-weight: bold;"&gt;Blogger dashboard&lt;/span&gt;, and &lt;span style="font-weight: bold;"&gt;search&lt;/span&gt; for the following line &lt;span style="font-weight: bold;"&gt;(or similar) &lt;/span&gt;:&lt;br /&gt;&lt;br /&gt;&lt;code&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;&amp;lt;b:section class='sidebar' id='sidebar' preferred='yes'&amp;gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/code&gt;&lt;span style="font-weight: bold;"&gt;Then paste the following section of code below above line.&lt;br /&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;a style="color: rgb(51, 102, 255); font-weight: bold;" href="http://noteeboyz.13.googlepages.com/Animated-Tag-Cloud.txt"&gt;&lt;span style="font-style: italic;"&gt;Click Here For The Code To Be Copied.&lt;/span&gt;&lt;/a&gt;&lt;span style="font-weight: bold;"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;div style="text-align: justify;"&gt;&lt;br /&gt;Then preview your template.If you see it in your sidebar then save it.&lt;br /&gt;Now All you have to do is matching the colors.For this read below...&lt;br /&gt;&lt;br /&gt;In this default installation, Blogumus includes the following preset variables:&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;&lt;ul&gt;&lt;li&gt;Width is set to 240px&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Height is set to 300px;&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Background color is white&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Test color is grey&lt;/li&gt;&lt;br /&gt;&lt;li&gt;Font size is "12"&lt;/li&gt;&lt;/ul&gt;If you would prefer to make your widget wider, shorter, change the color scheme, etc, you will need to do this by editing various parts of the code. I'll go through these options in the order they appear in the widget code.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;u style="font-weight: bold;"&gt;EDITING WIDTH and HEIGHT&lt;/u&gt;&lt;br /&gt;The variables for width and height are found in this line of the script:&lt;br /&gt;&lt;br /&gt;&lt;div style="text-align: left;"&gt;&lt;code style="color: rgb(51, 204, 0);"&gt;&lt;span style="font-weight: bold;"&gt;var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold;"&gt;example/tagcloud.swf", "tagcloud", "&lt;/span&gt;&lt;b style="color: rgb(255, 0, 0);"&gt;240&lt;/b&gt;&lt;span style="font-weight: bold;"&gt;", "&lt;/span&gt;&lt;b style="color: rgb(51, 102, 255);"&gt;300&lt;/b&gt;&lt;span style="font-weight: bold;"&gt;", "7", "#ffffff");&lt;/span&gt;&lt;/code&gt;&lt;br /&gt;&lt;/div&gt;&lt;br /&gt;The width (currently 240) is highlighted in red, while the height (300px default) is highlighted in blue. These numerical values specify the width and height in pixels, so you can alter these of you prefer.&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;u&gt;&lt;b&gt;EDITING BACKGROUND COLOR&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;You can change the background color from white to any other color by altering the hex value in the same line:&lt;br /&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;&lt;br /&gt;v&lt;span style="font-size:85%;"&gt;ar so = new&lt;/span&gt;&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;font-size:85%;" &gt;SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus&lt;/span&gt;&lt;span style="font-size:85%;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;font-size:85%;" &gt;-example/tagcloud.swf", "tagcloud", "240", "300", "7", "&lt;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;font-size:85%;" class="start-tag" &gt;b&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;font-size:85%;" class="attribute-name" &gt;&lt;br /&gt;style&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;font-size:85%;" &gt;=&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;font-size:85%;" class="attribute-value" &gt;"color: red;"&lt;/span&gt;&lt;!--&lt;span class="end-tag"&gt;&lt;!--&lt;span class="end-tag"&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;font-size:85%;" &gt;&gt;#&lt;/span&gt;&lt;span style="color: rgb(255, 0, 0); font-weight: bold;"&gt;ffffff&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0);"&gt;");&lt;span style="color: rgb(0, 0, 0);"&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;For example, if you prefer a bright red background, you may replace &lt;/span&gt;&lt;b style="color: rgb(0, 0, 0);"&gt;#ffffff&lt;/b&gt;&lt;span style="color: rgb(0, 0, 0);"&gt; with&lt;/span&gt;&lt;b style="color: rgb(0, 0, 0);"&gt; #ff0000&lt;/b&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;u style="color: rgb(0, 0, 0);"&gt;&lt;b&gt;ALTER THE COLOR of TEXT&lt;/b&gt;&lt;/u&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;By default, the text is set to display as dark grey ( hex value #&lt;/span&gt;&lt;span style="color: rgb(255, 0, 0); font-weight: bold;"&gt;333333&lt;/span&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;). You can alter this variable in the following line:&lt;/span&gt;&lt;br /&gt;&lt;pre style="color: rgb(51, 204, 0);" id="line776"&gt;&lt;span style="font-weight: bold;"&gt;so.addVariable("tcolor", "0x&lt;&lt;/span&gt;&lt;span style="font-weight: bold;" class="start-tag"&gt;b&lt;/span&gt;&lt;span style="font-weight: bold;" class="attribute-name"&gt; style&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;=&lt;/span&gt;&lt;span style="font-weight: bold;" class="attribute-value"&gt;"color: red;"&lt;/span&gt;&lt;span style="font-weight: bold;"&gt;&gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(255, 0, 0);"&gt;333333&lt;/span&gt;&lt;!--&lt;span class="end-tag"&gt;&lt;!--&lt;span class="end-tag"&gt;&lt;span style="font-weight: bold;"&gt;");code&gt;&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/pre&gt;&lt;div style="text-align: left;"&gt;&lt;u style="color: rgb(0, 0, 0);"&gt;&lt;b&gt;ADJUST THE FONT SIZE&lt;br /&gt;&lt;/b&gt;&lt;/u&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;The maximum font size of tags is specified in this line:&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;pre id="line776"&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);"&gt;so.addVariable("tagcloud", "&amp;amp;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);" class="entity"&gt;lt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);"&gt;tags&amp;amp;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);" class="entity"&gt;gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);"&gt;&amp;amp;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);" class="entity"&gt;lt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);"&gt;b:loop values='data:&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);"&gt;labels' var='label'&amp;amp;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);" class="entity"&gt;gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);"&gt;&amp;amp;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);" class="entity"&gt;lt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);"&gt;a expr:href='data:label.url' style='&lt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);" class="start-tag"&gt;b&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);" class="attribute-name"&gt; style&lt;/span&gt;&lt;br /&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);"&gt;=&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);" class="attribute-value"&gt;"color: red;"&lt;/span&gt;&lt;!--&lt;span class="end-tag"&gt;&lt;span style="font-weight: bold; color: rgb(51, 204, 0);"&gt;&gt;&lt;/span&gt;&lt;span style="font-weight: bold; color: rgb(255, 0, 0);"&gt;12&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;'&amp;amp;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;" class="entity"&gt;gt;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;&amp;amp;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;" class="entity"&gt;lt;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;data:label.name/&amp;amp;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;" class="entity"&gt;gt;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;&amp;amp;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;" class="entity"&gt;lt;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;/a&amp;amp;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;" class="entity"&gt;gt;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;&amp;amp;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;" class="entity"&gt;lt;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;/b:loop&amp;amp;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;" class="entity"&gt;gt&lt;br /&gt;;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;&amp;amp;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;" class="entity"&gt;lt;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;/tags&amp;amp;&lt;/span&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;" class="entity"&gt;gt;&lt;/span&gt;&lt;!--&lt;span class="end-tag"&gt;&lt;span style="color: rgb(51, 204, 0); font-weight: bold;"&gt;");&lt;br /&gt;&lt;br /&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;You can alter this to ensure tags are displayed in a bigger or smaller&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;font if you prefer by changing "12" to a larger or smaller number.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;While&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;making any of these changes, you should be able to preview your widget&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;and be certain that your new choice of color, dimensions and background&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;are suitable for your needs.&lt;/span&gt;&lt;br /&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;If you are not able to do so then&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;ask Amanda of Blogger Buster she might help you.Or send me your blogger&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;account info via the contact link in my tabs,so that i can add it to&lt;/span&gt;&lt;br /&gt;&lt;span style="color: rgb(0, 0, 0);"&gt;your blog successfully&lt;/span&gt; &lt;span style="color: rgb(255, 0, 0);font-size:130%;" &gt;&lt;span style="font-weight: bold;"&gt;=)&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;/pre&gt;&lt;br /&gt;&lt;/div&gt;&lt;/span&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/7656919530816349552-6797621761340495585?l=blogumus.blogspot.com' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blogumus.blogspot.com/feeds/6797621761340495585/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://www.blogger.com/comment.g?blogID=7656919530816349552&amp;postID=6797621761340495585' title='3 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/7656919530816349552/posts/default/6797621761340495585'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/7656919530816349552/posts/default/6797621761340495585'/><link rel='alternate' type='text/html' href='http://blogumus.blogspot.com/2008/10/animated-label-cloud-for-blogspot.html' title='Blogumus : A animated label cloud for Blogspot'/><author><name>4 Seasons Wine</name><email>noreply@blogger.com</email><gd:image rel='http://schemas.google.com/g/2005#thumbnail' width='32' height='32' src='http://3.bp.blogspot.com/_jgP0ZDWXzfs/SdLYBJDGsrI/AAAAAAAABgE/W34Ik4S4k1I/S220/icon.JPG'/></author><thr:total>3</thr:total></entry></feed>
