Se afișează postările cu eticheta Tag Cloud. Afișați toate postările
Se afișează postările cu eticheta Tag Cloud. Afișați toate postările

miercuri, 26 august 2009

Optiune noua pe Blogger - Categorii sub forma de Tag Cloud (nori)




Pe 23 august Blogger a implinit 10 ani de cand s-a lansat. Cu aceasta ocazie au anuntat ca vor introduce o serie de noi optiuni pe blog.

Prima este chiar aceasta. Categorii sub forma de Tag Clouds. Acum nu mai trebuie sa alergam dupa diferite coduri, create de alte persoane, pentru a avea aceasta optiune pe blog. O putem face doar cu cateva clicuri din setarile Etichetelor. Pe langa faptul ca putem afisa categoriile sub forma de Nori, acum avem si optiunea de a selecta ce categorii sa afisam.

Acum fereastra pentru adaugarea etichetelor arata asa:


Daca vreti sa afisati etichetele sub forma de Tag Cloud nu trebuie decat sa bifati optiunea "Nori" si apoi sa Salvati. Categoriile vor deveni Tag Cloud.
Daca cumva nu merge, incercati sa eliminati etichetele si apoi sa le adaugati din nou, selectand de la inceput optiunea Nori.


Daca vreti sa selectati ce etichete sa apara, bifati optiunea Etichete selectate si apoi dati clic pe editati.


In fereastra nou deschisa bifati si debifati etichtele dupa cum vreti sa apara, apoi dati clic pe Terminat.



Nu va mai ramane decat sa Salvitati si gata, ati terminat.


Blogger promite in continuare noi optiuni pentru Blogger asa ca stati pe faza si nu uitati sa va abonati la feed-ul blogului.

vineri, 29 mai 2009

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.