Ads: (Please Click!)

Thursday, April 16, 2009

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!)
Comments
5 Comments


5 Orang Kentut Madu:

Uncle Dol said... [Reply]

nice tutorial.. keep it up!!

aDuKa イスラム教 said... [Reply]

thank you.. =)

☺[ai][sUmi]☺Chan said... [Reply]

dah lama nk buat bnda nih..
tp buat xpenah nk jadik..
error sana sini..
kali ni buat jadik plak..
hihii~ thanks ye..

tp nk tnya kale tulisan tu xleh tukar ke??

• roOZu • said... [Reply]

walaupun aisumi boleh buat label cloud ni, roozu tetap xdapat buat. xjumpa b:section class='sidebar' id='sidebar' preferred='yes'..

mcm mane? dulu pun dah ade org tolong login dn buat kan.. tapi xjadi jugak..

tolong la~~~~~~~~~~~~~~~!
nak sgt!

aduka said... [Reply]

roozu: sila pastikan 'expand widget template' tu check! slepas tu search..

Post a Comment

Ruang komen telah di-set sebagai 'dofollow'. Sila tinggalkan URL blog anda dengan cara yang bijak. Baca DI SINI untuk mempelajari SEO mengenai 'dofollow' link.

Kepada ANONYMOUS, sila tinggalkan link dengan cara yang bermoral sedikit.

Terima kasih kerana sudi membaca artikel ini dan menurunkan komen anda.

 

Blog Aduka Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger