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

sâmbătă, 20 iunie 2009

Adauga un widget cu posturi asemanatoare in Blogger

Unul din cele mai cautate trucuri pentru Blogger este posibilitatea de a adauga la sfarsitul articolului un widget care sa afiseze articolele similare cu articolul citit. Am cautat si eu acest truc si se pare ca sunt o gramada de astfel de widget-uri pe net care pot face asta. Desi multi au postat pe blogurile lor codul pentru acest widget se pare, din cate am citit, ca toate se bazeaza pe munca lui Hoctro, cel care a creat primul acest widget.
Cu toate astea, am gasit si un alt cod un pic mai greu de implementat dar care iti da o mai mare posibilitate de editare. Si cum acest cod l-am gasit pe acest blog creditul i se acorda lui. Sub postul meu aveti si un exemplu la cum arata widget-ul.

vineri, 12 iunie 2009

Counter pentru a vedea cate afisari sunt pe articol in Blogger

Blogger nu ofera din pacate nici un fel de statistici referitoare la blogurile blogspot. Pentru cei cei care vor sa vada cate afisari are fiecare articol in parte am gasit pe net un script JavaScript care poate face asa ceva.
El va arata asa


dupa ce va fi instalat. Scriptul are incorporat 2 link-uri pe care trebuie sa le lasati asa cum sunt deoarece ar putea sa nu mai functioneze corect.

Instalarea scriptului

Conectati-va in contul vostru Blogger si urmati calea 'Aspect --> Editati Html' si bifati casuta ce va extinde sabloanele control.

duminică, 31 mai 2009

Adauga un widget Top Comentatori in Blogger

Un alt mod de a incuraja vizitatorii sa comenteze pe blog este sa puneti in sidebar un widget cu 'Top Comentatori'. Acest widget  era pana de curand disponibil numai pe blogurile Wordpress, dar datorita blogului Google Operating System widget-ul 'Top Comentatori' poate fi afisat si pe blogurile Blogger - Blogspot.

Acest blog a creat un cod JavaScript care foloseste Yahoo Pipes si feed-ul blogspot pentru comentarii. Puse impreuna creaza un script 'Top Comentatori' foarte usor de implementat in blogspot.

Instalarea scriptului

Pentru a instala acest script urmati calea: 'Aspect --> Elemente de pagina' si apoi 'Adaugati un obiect gadget' de unde alegeti optiunea 'Html/JavaScript'.

sâmbătă, 30 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.