Tutorial: Blogumulus Blog Label

what is Blogumulus? as you can see in my sidebar, it’s a navigation menu (titled Label) through my articles.. it’s easy to use, but it’s easy to make too.. follow this instructions and you will get it in your blog perfectly..

go to your blog dashboard and choose Layout -> Edit HTML.. search the following code :

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

After this line copy the following code :

<b:widget id='Label999' 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", "210", "300", "7", "#ffffff");
//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 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>

click the preview button and check your blog.. if installed correctly, then must be appear in your right side.. but, if didn’t appear check your post, did they have labels? if not just give they a label so the blogumulus will appear.. if your blogumulus didn’t fit into your blog try to customize them by edit the height, width, background colors, and font size by following this instructions :

in this default installation, Blogumus includes the following preset variables:

* Width is set to 240px
* Height is set to 300px
* Background color is white
* Text color is grey
* Font size is 12

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..

editing width and height..

the variables for width and height are found in this line of the script:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "210", "300", "7", "#ffffff");

the width (currently 210) 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..

editing background color..

you can change the background color from white to any other color by altering the hexadecimal (hex) value in the same line:

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "210", "300", "7", "#ffffff");

you also are able to make it transparent.. just remove the comment code at this code, change it from;

//so.addParam("wmode", "transparent");

to this;

so.addParam("wmode", "transparent");

simple, right? hope this tutorial helps you.. good luck!

PERHATIAN! Aktiviti PLAGIAT (copy & paste) sesuatu artikel tanpa pengetahuan dan kebenaran penulis adalah satu aktiviti/perbuatan yang TIDAK BERMORAL!

Ads: (Please Click!)