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

• Sayang Cikgu Ketat-KetatSayang Cikgu Ketat-Ketat ! Eishhhh....sebenarnya aku rasa cam malu plak nak guna keyword sayang cikgu ketat-ketat ni. [Dan2 malu lak...ha3x!!!] Tapi nak elak pun tak boleh, dah memang tajuk depan bu ... readmore
• Buat Duit Online - Affiliate Jom Niaga, Kerja Part Time Dari RumahBuat Duit Online - Affiliate Jom Niaga, Kerja Part Time Dari Rumah | Salam semua sahabat, hari ini aku menerima satu email dari sebuah laman afilliate terkenal iaitu JomNiaga. Bagi blogger atau ... readmore
• Undian di Sosial Media Awards 2012 Rasanya ramai dah blogger yang tahu perkara ni. Kalau pergi sana, pergi sini pasti ada cerita tentang blogger yang masuk Undian di Sosial Media Awards 2012. Jadi, aku pun tak nak ketinggalan, terus ... readmore
• JUARA EURO 2012JUARA EURO 2012! Yezzz...bro Denaihati menganjurkan satu contest paling mudah dan sempoi sekali, hanya buat entri sesempoi macam aku nih...pas tu komen kat sana. Walaupun aku dengan dia buat pilihan ... readmore
• Sepanyol Juara Euro 2012Sepanyol Juara Euro 2012 ! Agak lama aku peram entri ni. Dah siap, tapi terlupa nak publish pula. Firstly nak ucap terima kasih kepada Denaihati kerana contest yang beliau anjurkan iaitu Sepanyo ... readmore