chamarablogs: බ්ලොගයට 3D Tag Cloud Label එකක් දාගන්න

Thursday, November 18, 2010

බ්ලොගයට 3D Tag Cloud Label එකක් දාගන්න

3D Tag Cloud ගැන කවුරුත් ඇති කියල මම හිතනවා

.ඒ අතරේ නොදන්න අයත් ඉන්නවා ඇති.නොදන්න අය දැන ගන්න් කෝ එහෙනම්. මීට කලින් ගොඩදෙනෙක් බ්ලොග්වල,වෙබ් සයිට් වල දැකල ඇතිනේ.Blogger වලදිනම අපිට සාමානය label එකක් තමා දකින්න පුලුවන් වෙන්නේ.එත් කියන්නේ 3d විදියට අපේ බ්ලොග් එකේ වර්ග කරන මතෘකා පෙන්වීමයි. මේක flash animated label cloud එකක්.ඉතින් අපි බලමුකෝ කොහොමද එකක් අපේ බ්ලොග් එකට ඇඩ් කරගන්නේ කියලා.

ඉස්සෙල්ලම කොකටත් කියලා බ්ලොග් එකේ බැකප් එකක් තියගන්නකෝ

.

0.1 Design > Edit HTML > Expand Widget දාගන්න

0.2 ඊලගට පහලතියෙන කෝඩ් එක හොයාගන්න.

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

0.3 හොයගත්ත කෝඩ් එකට පහලින් යටතියෙන කෝඩ් එක පේස්ට් කරගන්න.

<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("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//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 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>

දැන් save කරන්න.වැඩේ නම් හරි

.

ඕනෙම නම් කෝඩ් එකේ අපිට පහත දීලා තියෙන සෙටින්ග් වෙනස් කරගන්න පුලුවන්.

• Width is set to 240px
• Height is set to 300px;
• Background color is white
• Test color is grey
• Font size is "12"

වැඩේනම් අමාරු නෑ.ලේසියෙන්ම කරගන්න පුලුවන්.කාටත් තෙරුනා කියල මම හිතනවා.ගැටලුවක් තියෙනවානම් අහන්න හොඳේ

.
ඔබ සැමට ජය වේවා

Follow This Blog !!!