Archive for the ‘Widget’ Category
Thank to Extremist Thinker for showing me this great widget and also to Blogger Buster for the tutorial they made.
And now, I want to share to others about this great widget.
Blogumus?? Look at my Labels widget. —–?
Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template, 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: Go to Layout>Edit HTML in your Blogger dashboard, and search for the following line (or similar):
<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>
Immediatly after this line, paste the following section of code:
<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://halotemplates.s3.amazonaws.com/wp-cumulus-example/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(”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”, “0×333333″);
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>
Then preview your template. If installed correctly, you should see the tag cloud appear in your sidebar. Then you are free to save your template, edit the colors and dimensions as required, or move it to a different location. That’s all!
Customizing Blogumus
In this default installation, Blogumus includes the following preset variables:
* Width is set to 240px
* Height is set to 300px;
* Background color is white
* Test color is grey
* Font size is “12″
To customizing width, height and background :
var so = new SWFObject(”http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf”, “tagcloud”, “240“, “300“, “7″, “#ffffff“);
To customizing text color :
so.addVariable(”tcolor”, “0x333333“);
Note: ox333333 = #333333
To customizing font size :
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>”);
Happy editing…!!
Credits to Extremist Thinker and Blogger Buster!