TutoriaL Label Cloud/ 3D Rotating Label Cloud

 Pertama kali gua cuba buat tutorial blog kat sini. Gua rasa label cloud ni memang menarik sesangat. Contoh?? macam yg kat Label yang gua pakai kat sebelah tu laa..Gua cari label cloud ni dah lame, thanks to rakan gua Ray yang jumpe mende nih. Hope korang pun suka gak noo....
Sebelum tu gua inform dulu...code ni hanya sah untuk pengguna blogspot je yekk...lopa nk inform...thanks to chii kerana bagi tau kat gua.


1. Pergi ke Layout dan klik Edit HTML kat Blogger Dashboard. Tick expand widget templates. Pastikan anda save dulu template lama dengan klik download full templates sebagai langkah keselamatan.
2. Tekan F3 kemudian cari kod kat bawah nih...

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

Kalau tak boleh, cuba yang nih...(kadang2 korang kene "backspacekan" kode ni baru jumpa/ngam ngan kod korang..terjadi kat gua, gua guna kod yg kat bawah nih)

<b:section-contents id='sidebar-right-1'>                      

3. Copy dan pastekan kod yang ada kat bawah nih selepas kod yg diatas.

<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(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&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>                                                                                                       

4. Check dulu  (preview) pas tu kalau okeh kasi save arrr.

DEFAULT PRESET VARIABLES OF BLOGUMUS :
Width : 240px

Height  :300px;
Background color : white
Test color : grey
Font size : "12"

You can also change the default parameters as per your requirements.



Untuk mengubah dimensi dan kaler background.
var so = new SWFObject("http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");


Nak tuka  kaler font...(tp gua buat tak jadi yg nih...hehehe) 
so.addVariable("tcolor", "0x333333");


Nak tuka saiz Font....
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>");




Kredit kat blog spnit.blogspot.com kerana tutorial ini.
Kalau okeh bg tau kengkawan...kalau tak okeh bg tau gua....

Ranking: 5

Recommended Posts