duminică, 31 mai 2009

Descarca sablon pentru Blogger - Green Tis Template

Green Tis Template este un sablon cu 3 coloane destul de spatioase. Acest sablon este pentru blogurile Blogger - blogspot.

Acest sablon cuprinde:

Meniu orizontal inclus (vezi aici cum se modifica meniul in blogger)
Motor de cautare integrat; nu trebuie sa editati nimic la el deoarece este setat sa caute direct pe blogul unde este instalat sablonul.
3 coloane cu urmatoarele dimensiuni:
coloana principala: 500px
sidebar stanga si dreapta: 190px
Header banner integrat

Acest sablon se poate aplica oricarui tip de blog. Clic aici pentru a vedea un ghid complet de schimbare a sablonui.

Pentru cei care descarca si instaleaza acest template va rog sa nu scoateti link-ul din partea de jos a sablonului.







Cuvinte cheie: blogger templates, blogspot templates, free templates, gratis, gratuit, download blogger templates, blogspot sabloane, blogger sablon, sablon blogger gratuit, sablon cu trei coloane

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'.

vineri, 29 mai 2009

Cum sa modificati meniul din sabloanele Blogger

Sabloanele Blogger se pot modifica intr-o multime de feluri. De aceea la ora actuala sunt nenumarate sabloane modificate pentru Blogger - blogspot. Multe dintre ele au incorporat un meniu pe care trebuie sa il modificati voi, asta insemnand ca trebuie sa schimbati link-urile existente cu link-urile voastre din blog.



Mai intai trebuie sa alegeti ce pagini vreti sa puneti in meniu. Meniul este facut pentru a oferi un acces cat mai usor la anumite sectiuni ale blogului, de accea aveti grija ce pagini puneti in meniu.

Dupa ce am vazut catre ce pagini vrem sa punem link in meniu, trebuie sa alegem si numele paginilor din meniu.

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.

marți, 26 mai 2009

Dezactivati right click (click dreapta) in Blogger

Clicul pe butonul drept al mouse-ului este foarte important in orice browser. La click dreapta se deschide un meniu care ne permite sa copiem textul dintr-o pagina, sa copiem poze, sa facem bookmark la o pagina, sa vedem sursa paginii si multe altele.

Acest lucru ne ajuta foarte mult atunci cand navigam pe internet. Dar ce facem daca suntem un webmaster sau blogger? Ce facem daca avem un blog foto unde postam pozele facute de noi si pe care dorim sa nu le poata copia nimeni? Sau daca avem un blog cu tutoriale si dorim ca articolele noastre sa nu poata fi copiate?
Daca aveti blog pe Blogger acum exista o solutie. Cu ajutorul limbajului Java Script putem devactiva Right Click pe blogurile Blogger.

Pentru a face acest lucru, mergeti la Blogger si in tabul "Aspect --> Elemente de pagină" dati clic pe "Adaugati un obiect gadget" si apoi pe "HTML/JavaScript Adăugare ".

Tabel de culori in Html

Schimbarea culorii fundalului blogului, a scrisului sau a bordurii poate schimba fata blogului vostru in bine.
Puteti face asta urmand calea : "Aspect --> Fonturi şi culori". Dar din pacate aici culorile sunt limitate. Puteti insa copia un cod al culorii (in html) care va place din tabelul de mai jos si folositi-l pentru a schimba fundalul, scrisul sau bordurile in blog. Aveti la dispozitie peste 300 coduri html de culori din care sa alegeti.

sâmbătă, 23 mai 2009

Descarca sablon pentru Blogger: Herbie Template

Herbie Template este un sablon cu 3 coloane pentru Blogger - blogspot.

Acest sablon include:

Meniu integrat
Motor de cautare integrat
Comentariile autorului de blog pe alta culoare integrat
3 coloane cu urmatoarele dimensiuni:
coloana principala: 490px
sidebar stanga si dreapta: 196px

Acest sablon se poate aplica oricarui tip de blog. Clic aici pentru a vedea un ghid complet de schimbare a sablonui.

marți, 19 mai 2009

Descarca gratuit sablon Blogger - Book Template

Descarcati gratuit sabloane pentru Blogger

Book Template este un sablon pentru Blogger cu doua coloane si 3 footer-e. Este un sablon mai special, care merge mai mult pe blogurile personale si pe cele de gen, adica cei care scriu despre literatura, poezie, etc.

Include:
  • Meniu integrat
  • Motor de cautare personalizat
  • O poza integrata pentru abonare la feed-ul postarilor
  • Un header unic, creat de mine
  • 3 footer-e, aliniate pe latimea sablonului
  • Un favicon unic, personalizat, creat de mine
  • Coloana principala de 630 pixeli
  • Sidebar cu latime de 230 pixeli

Download sablon Blogger - Mix Mamba Template

Descarcati gratuit sabloane pentru Blogger

Mix Mamba Template este un sablon pentru Blogger cu doua coloane.
Include:
Meniu integrat
Motor de cautare personalizat
Coloana principala de 615 pixeli
Sidebar cu latime de 250 pixeli

Acest sablon se poate aplica oricarui tip de blog. Clic aici pentru a vedea un ghid complet de schimbare a sablonui.

duminică, 17 mai 2009

Comentariul autorului de blog pe alta culoare de fundal in Blogger

Update:
De cand s-au introdus comentariile cu reply acest truc nu mai functioneaza. Merge doar pe sabloanele descarcate de pe net care nu au comentariile cu reply activate.

 Nou: La sfarsitul acestui articol am pus un video in care veti vedea cum sa faceti comentariul autorului de blog pe alta culoare de fundal - special pentru cei care folosesc sabloanele noi de la blogger.

Unul dintre lucrurile pe care le poti face pentru a incuraja vizitatorii sa comenteze pe blog este acela de a raspunde la comentariile postate de cititori. Dar pentru vizitatori nu este intotdeauna usor sa deosebeasca comentariul autorului de blog, mai ales cand postul are foarte multe comentarii.

Dar se poate si altfel. In Blogger poti face ca comentariile proprii sa apara pe alt fundal. Tot ce trebuie sa faceti este sa adaugati o bucata de cod in Html-ul sablonului.Deci daca vreti ca comentariile proprii sa apara pe alt fundat trebuie sa faceti urmatorii pasii:

1. Logati-va in contul vostru Blogger si urmati calea 'Aspect --> Editati Html'. Inainte de a umbla la codul sablonului descarcati actuala varianta a sablonului in calculator; in caz ca ceva nu merge cum trebuie sa puteti reveni usor la el.

luni, 11 mai 2009

Cum sa faci colturi rotunde la poze cu Gimp

Daca vrei sa folosesti poze cu colturi rotunde pe blogul tau poti folosi un program gratuit cu ajutorul caruia sa faci asta. Acest program este Gimp care este o alternativa gratuita la celebrul Photoshop. Cu putina experienta poti face cu el aproape tot ce poti face si cu Photoshop. Eu il folosesc de catva timp si pentru ce am avut eu nevoie am reusit sa fac cu Gimp.

Deci, daca ai un site sau un blog si ai nevoie de poze cu colturi rotunjite, trebuie sa descarci programul Gimp si sa-l instalezi pe calculator.

Pentru a face colturi rotunde la o poza sunt 2 metode foarte simple.

sâmbătă, 2 mai 2009

Cum sa scoti nofollow din comentarii pe Blogger


Toate sabloanele Blogger sunt setate implicit cu atributul nofollow pentru comentarii. Asta inseamna ca atunci cand cineva posteaza un comentariu pe blog, desi lasa in semnatura adresa catre blogul lor, aceasta nu va fi urmata de catre motoarele de cautare.

Atributul nofollow se pune pentru a descuraja spamul in comentarii, dar cu toate astea cateodata nu este de ajuns. A deveni un blog cu follow la comentarii poate fi totusi benefic, mai ales daca sunteti un blogger la inceput, prin faptul ca veti incuraja vizitatorii sa comenteze articolele voastre si astfel se vor intoarce mai des pe blog. A scoate nofollow este si un semn ca apreciati oamenii care comenteaza be blogul vostru.

Deci daca v-ati hotarat sa deveniti un blog dofollow acestia sunt pasii care trebuie urmati pentru a face asta:

1. Conectativa in contul vostru Blogger-blogspot si urmati calea "Aspect --> Editati Html" si bifati casuta pentru a extinde sablonul. Inainte de a va edita sablonul ar trebui sa descarcati sablonul actual in calculator, in caz ca ceva nu merge bine sa puteti reveni inapoi la el.

2. Cautati in Html urmatorul cod:


<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>


sau ceva asemanator in functie de template-ul pe care il aveti. Daca nu reusiti sa-l gasiti incercati o cautare in pagina: Ctrl+F si cautati urmatoarele cuvinte: comments-block .

3. Stergeti cuvintele scrise cu rosu: rel='nofollow' in bucata de cod de mai sus si salveaza sablonul. Acum blogul tau va avea follow la comentarii.

Un lucru bun de facut dupa asta ar fi sa anuntati vizitatorii printr-un banner sau text ca blogul are follow la comentarii si sa activati moderarea comentariilor pentru a evita spamul. Daca aveti un PR 2 sau mai mare va puteti inscrie si in colectia de bloguri romanesti care nu au atributul nofollow la comentarii. Tot aici in partea de jos a site-ului gasiti si bannere gratuite cu dofollow.

Scoate bordura din jurul pozelor din postarile pe Blogger

In Blogger toate pozele pe care le adaugam in postare au o bordura de 1 pixel in jurul lor si pe care multi dintre noi ar dori sa o scoata.
Ea nu se poate scoate din setari ci doar din Html-ul sablonului.



Deci daca doriti sa renuntati la aceasta bordura trebuie sa va conectati in contul vostru Blogger - blogspot si sa urmati calea 'Aspect --> Editati Html' .
In html cautati urmatorul cod:

.post img {
padding:4px;
border: 1px solid $bordercolor;
}


sau daca nu il gasiti apasati Ctrl+F si cautati umatorele cuvinte: post img

Dupa ce ati gasit codul de mai sus nu trebuie decat sa schimbati cifra 1 in cifra zero si imaginile din postarile voastre nu vor mai avea nici o bordura. Previzualizati si daca va place cum arata puteti sa salvati sablonul. Daca vreodata doriti totusi ca pozele voastre sa aiba bordura, reveniti la acest cod si schimbati din zero in ce valoare doriti.


Scoate bordura de la poza de la profil

Daca in sidebar aveti adaugat gadget-ul cu profilul vostru Blogger si aveti si poza adaugata atunci si aceasta va avea o bordura in jurul ei.
Daca doriti sa o scoateti si pe aceasta atunci cautati urmatorul cod:

.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
padding: 4px;
border: 1px solid $bordercolor;
}


sau Ctrl+F si cauta; profile-img

Ca sa scoti bordura pozei la fel ca mai sus, schimba cifra 1 cu cifra zero.

Nu uitati ca inainte de a edita html-ul sablonului este bine sa descarcati in calculator o copie a acestuia, astfel daca ceva nu merge bine sa puteti reveni la sablonul normal.

Abonati-va la feed-ul blogului