Categorii sub forma de Tag Clouds animat in Blogger

Pentru a vedea cum arata dati clic aici si miscati mouse-ul peste el. Acesta este modul cum vor arata categoriile voastre in format tag cloud flash. Acest widget pentru Blogger a fost creat de catre Amanda dupa un plugin din Wordpress. Scriptul contine link-urile catre creatorul plugin-ului in wordpress si catre Amanda, cei care au creat acest widget, si de aceea va rog sa nu scoateti link-urile din script.



Deci, daca vreti sa afisati categoriile blogului sub forma de Tag Cloud Flash (vezi exemplu si in sidebarul meu) trebuie sa adaugati un cod in html-ul sablonului. Este chiar foarte simplu asa ca nu trebuie sa va ingrijorati.

Urmati calea: 'Aspect --> Editati Html'
Mai intai salvati o copie a sablonului (clic "Descărcaţi şablonul complet") in calculator pentru a reveni la sablonul actual daca ceva nu merge cum trebuie. Aceasta este prima regula atunci cand modificati html-ul sablonului.

Apoi cautati urmatoarea linie de cod:

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

Imediat dupa aceasta linie introduceti urmatorul cod:

<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/myfilesdan/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/myfilesdan/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>

Editati scriptul

Inainte de a introduce codul aveti posibilitatea sa modificati cateva lucruri la el. Deschideti un editor de text cum ar fi Notepad si copiati codul. Editati-l dupa cum vedeti mai jos.

Culoarea de fundal a widget-ului:
- by default fundalul este alb:

var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);

- modifica - ffffff - cu alt cod html al culorii pe care o vrei. Aveti aici un tabel de culori din care puteti alege.

Culoarea textului
- by default culoarea textului este gri:

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

- modifica - 333333 - cu alt cod html al culorii pe care o vrei. Aveti aici un tabel de culori din care puteti alege.

Marimea textului
- by default marimea fontului este 12

var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop>

- modifica numarul 12 cu ce numar vrei

Latimea si inaltimea widgetului
- by default latimea este setata la 240px si inaltimea la 300 px

var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);

- modifica cele 2 valori dupa dimensiunea sidebar-ului unde vrei sa o adaugi.

Dupa ce ati modificat codul, copiati-l in html-ul sablonului dupa cum spuneam mai sus. Previzualizati sablonul si daca widget-ul arata cum trebuie, salvati sablonul. Pentru a modifica pozitia widget-ului in sidebar sau pentru a sterge sau redenumi widget-ul, mergeti la tabul 'Aspect --> Elemente de pagina' si procedati la fel cum ati proceda cu orice alt gadget adaugat in sidebar.