Flash Animated Label Cloud Widget එක බ්ලොග් එකට දාගන්න..

අද මම ඔයාලට කියලා දෙන්න යන්නේ Flash Animated Label Cloud Widget එක ලේසියෙන්ම බ්ලොග් එකට ඇතුලත් කරගන්නා විදිහයි. මේක අපේ බ්ලොග් එකේ Labels Cloud එකක් ආකාරයට Animated වෙන විජෙට් එකක්. 

1. මුලින්ම Design > Edit HTML (Expanded Widget Template මත ක්ලික් කිරීමට අවශ නෑ)  

  2. දැන් Ctrl + F ඔබලා පහත කෝඩ් එක හොයාගන්න.

       

             <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

  

3. පසුව පහත Code එක Copy කරගන්න.

  <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://bloggerblogwidgets.googlecode.com/files/swfobject.js' type='text/javascript'/>

  <div id='flashcontent'>Flash Labels by <a href='http://www.way2blogging.org'>Harish</a></div>

  <script type='text/javascript'>

 var so = new     SWFObject(&quot;http://bloggerblogwidgets.googlecode.com/svn/trunk/way2blogging_tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;250&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#FFFFFF&quot;);

  so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);

  so.addVariable(&quot;tcolor&quot;, &quot;0x000000&quot;);

  so.addVariable(&quot;hicolor&quot;, &quot;0x333333&quot;);

  so.addVariable(&quot;mode&quot;, &quot;tags&quot;);

  so.addVariable(&quot;distr&quot;, &quot;true&quot;);

  so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);

  so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a      expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);

  so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);

  so.write(&quot;flashcontent&quot;);

  </script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

උඩ කෝඩ් එකේ රතු අංක වලට විජෙට් එකට කැමති සයිස් එකක් ලබාදෙන්න.
" #FFFFFF " Background එකට අවශ වර්ණය ලබාදෙන්න
" 000000 " Text වලට අවශ වර්ණය ලබාදෙන්න
" 12 " Text Size එකට අවශ අගය ලබාදෙන්න.

   4. දැන් උඩ කෝඩ් එක කොපි කරගෙන අපි කලින් හොයාගත්ත කෝඩ් එකට කලින් පේස්ට් කරන්න.

 උදා :    Paste Code here
             <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
            
   5. දැන් සේව් කරන්න
   6. සේව් කරාට පස්සේ Page Elements යන්න එතන Post Widget එකට උඩින් Label විජෙට් එක තියනවා. ඒ විජෙට් එක Drag කරගෙන Side bar එකෙන් Drop කරන්න.
       දැන් බලන්න වැඩේ හරිද කියලා..
       මොකක් හරි ප්‍රශ්ණයක් තිබුණොත් කමෙන්ට් එකකින් අහන්න.
       පුථවන්නම් මේ බ්ලොග් එකට Follow එකක් දාලම යන්න.