Totul despre Blogger

Meta descriere la blog si la postarile individuale - Optiune noua

2012-03-22T15:02:00.000-07:00

Blogger incearca si chiar reuseste sa devina tot mai solida ca platforma pentru blogging. Introduce optiuni noi care o fac sa se aproprie tot mai mult de renumita platforma Wordpress.

De astazi Blogger a introdus "by default" optiunea de a adauga meta descriere la pagina de pornire a blogului si de a adauga meta descriere pentru fiecare postare separat. Este un pas foarte important facut de Blogger in optimizarea blogului blogspot pentru motoarele de cautare.

Cum se adauga meta descrierea pe Blogger

Meta descriere pentru pagina de inceput a blogului
Pentru a adauga meta descrierea pentru pagina principala a blogului trebuie sa intrati, in interfata noua, la Setari --> Preferinţe de căutare --> Metaetichete si la optiunea Descriere (care este dezactivata by default) dati clic pe Editati.

Bifati apoi optiunea Da si in caseta pentru text introduceti meta descrierea voastra. Incadrati-va in mai putin de 150 de caractere, alfel optiunea nu se va salva. Salvati modificarile.

Pentru a verifica daca meta descrierea s-a activat trebuie sa intrati pe pagina principala a blogului, sa dati clic dreapta undeva in pagina si din meniul deschis sa alegeti optiunea pentru a vedea sursa paginii.

Odata deschisa sursa paginii, cautati o linie de cod care seamana cu aceasta:

<meta content='Meta descrierea scrisa de voi.' name='description'/>

Daca o gasiti, inseamna ca optiunea meta descriere s-a activat cu succes.

Meta descrierea pentru fiecare post in parte
Odata cu activarea meta descrierii pentru pagina de inceput a blogului, se activeaza automat si optiunea de a adauga meta descriere pentru fiecare post in parte.
Meta descrierea pentru un post anume se adauga atunci cand scrieti o postare, din pagina editorului de text. Este una din optiunile din dreapta editorului, mai exact optiunea "Descriere pentru căutare". Dand clic pe ea se deschide o caseta pentru text in care puteti adauga o descriere pentru articolul vostru.

Pentru postari, meta descrierea se adauga manual, dupa metoda descrisa, pentru fiecare postare in parte.
Pentru a verifica daca meta descrierea pentru postare s-a activat, intrati pe pagina postarii careia i-ati aplica meta descriere si si vedeti sursa paginii. La fel ca si mai sus trebuie sa gasiti un cod asemanator cu cel aratat mai sus.

Personalizati sistemul de comentarii cu "reply" - Tutorial Blogger

2012-03-07T05:20:00.000-08:00

De curand blogger a introdus butonul "Raspundeti" (reply) in sistemul de comentarii de pe platforma Blogger - blogspot. Butonul a fost implementat automat pe sabloanele default dar pe cele descarcate de pe net trebuia, asa cum v-am aratat intr-un tutorial anterior, introdus un cod pentru ca el sa fie vizibil. Odata adus la viata butonul, toata personalizarea sistemului de comentarii a fost redusa la zero.

Astazi am sa va prezint un grup de coduri CSS care adaugat in codul sablonului schimba total fata comentariilor. Prezentat aici el este aproape identic cu cel de pe blogul meu, dar cu putina imaginatie poate fi personalizat dupa dorinta fiecaruia.

Adaugarea codului
In primul rand intrati la "Design --> Editati html" in interfata veche sau la "Sablon --> Editati html --> Accesati" in interfata noua.

Pe unele sabloane este deja adaugat o parte din noul cod pentru comentariile cu reply dar pe unele este posibil sa nu fie absolut deloc, asa ca am sa prezint metoda pentru fiecare situatie in parte.

Incepeti prin a cauta acest grup de coduri:

.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9ITmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXYXURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

.comments .comments-content .loadmore a {
border-top: 1px solid $(tabs.border.color);
border-bottom: 1px solid $(tabs.border.color);
}

.comments .continue {
border-top: 2px solid $(tabs.border.color);
}

Daca gasiti acest cod, atunci tot ce trebuie sa faceti este sa-l inlocuiti cu codul de mai jos. Daca nu il aveti, atunci va trebui sa adaugati codul de mai jos, inainte de aceasta linie de cod: ]]></b:skin>

.comments .comments-content .icon.blog-author {
background-repeat: no-repeat;
background-image:

url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAA

AlwSFlzAAALEgAACxIB0t1+/AAAAAd0SU1FB9sLFwMeCjjhcOMAAAD+SURBVDjLtZSvTgNBEIe/WRRnm3U8RC1neQdsm1zSBIU9VVF1FkUguQQsD9I

TmD7ECZIJSE4OZo9stoVjC/zc7ky+zH9hXwVwDpTAWWLrgS3QAe8AZgaAJI5zYAmc8r0G4AHYHQKVwII8PZrZFsBFkeRCABYiMh9BRUhnSkPTNCtVXY

XURi1FpBDgArj8QU1eVXUzfnjv7yP7kwu1mYrkWlU33vs1QNu2qU8pwN0UpKoqokjWwCztrMuBhEhmh8bD5UDqur75asbcX0BGUB9/HAMB+r32hznJgXy2

v0sGLBcyAJ1EK3LFcbo1s91JeLwAbwGYu7TP/3ZGfnXYPgAVNngtqatUNgAAAABJRU5ErkJggg==);
}

.comments .comments-content .loadmore a {
border-top: 1px solid $(widget.alternate.text.color);
border-bottom: 1px solid $(widget.alternate.text.color);
}

.comments .comments-content .comment-block { /* fundal comentariu separat ---- */
background:#F8FAFC;
padding:5px;
border:1px dotted #000;
}

.comments .comment-thread.inline-thread {
background-color: $(post.footer.background.color);
}

.comments .comments-content { /* fundal complet comentarii ---- */
background:#EAF2FC;
padding:5px;
}

.comments .comment .comment-actions a { /* fundal buton reply ---- */
background:#EAF2FC;
color:#000;
padding:2px 3px;
margin-right:10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font:9px sans-serif;
border:1px solid #1F9EE5;
}

.comments .comment .comment-actions a:hover { /* fundal hover buton reply ---- */
text-decoration: none;
background:#5AB1E2;
border:1px solid #5AB1E2;
}

.continue a{ /* fundal but reply in comentariul reply ---- */
background:#EAF2FC;
color:#000;
padding:2px 3px;
margin-right:10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font:9px sans-serif;
border:1px solid #1F9EE5;
}

.continue a:hover { /* hover fundal but reply in comentariul reply ---- */
text-decoration: none;
background:#5AB1E2;
border:1px solid #5AB1E2;
color:#fff;
}

.comment-header { /* fundal header comentariu ---- */
background-color: #F4F4F4;
border: 1px solid #E6E6E6;
margin-bottom: 5px;
padding: 5px;
color:#000;
}

Salvati sablonul si vizualizati o postare din blogul vostru care are deja comentarii. Ar trebui ca stilul sistemului de comentarii sa se fi schimbat complet.

Acum va voi arata ce coduri se pot modifica pentru a schimba culorile pe care eu le-am setat.

.comments .comments-content .comment-block { /* fundal comentariu separat ---- */
background:#F8FAFC;
padding:5px;
border:1px dotted #000;
}

background:#F8FAFC; - modifica culoarea fundalului pentru fiecare comentariu
border:1px dotted #000000; - modifica bordura

.comments .comments-content { /* fundal complet comentarii ---- */
background:#EAF2FC;
padding:5px;
}

background:#EAF2FC; - modifica culoarea fundalului pentru tot sistemul de comentarii

.comments .comment .comment-actions a { /* fundal buton reply ---- */
background:#EAF2FC;
color:#000000;
padding:2px 3px;
margin-right:10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font:9px sans-serif;
border:1px solid #1F9EE5;
}

background:#EAF2FC; - modifica culoarea fundalului pentru butonul reply
color:#000000; - modifica culoarea textului pentru butonul reply
font:9px sans-serif; - modifica marimea si fontul textului pentru butonul reply
border:1px solid #1F9EE5; - modifica bordura pentru butonul reply

.comments .comment .comment-actions a:hover { /* fundal hover buton reply ---- */
text-decoration: none;
background:#5AB1E2;
border:1px solid #5AB1E2;
}

background:#5AB1E2; - modifica culoarea fundalului la trecerea mouse-ului peste butonul reply
border:1px solid #5AB1E2; - modifica bordura la trecerea mouse-ului peste butonul reply

.continue a{ /* fundal but reply in comentariul reply ---- */
background:#EAF2FC;
color:#000;
padding:2px 3px;
margin-right:10px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font:9px sans-serif;
border:1px solid #1F9EE5;
}

background:#EAF2FC; - modifica culoarea fundalului pentru butonul reply din interiorul comentariului reply
color:#000; - modifica culoarea textului
font:9px sans-serif; - modifica marimea si fontul
border:1px solid #1F9EE5; - modifica bordura

.continue a:hover { /* hover fundal but reply in comentariul reply ---- */
text-decoration: none;
background:#5AB1E2;
border:1px solid #5AB1E2;
color:#ffffff;
}

background:#5AB1E2; - modifica culoarea fundalului la trecerea mouse-ului peste butonul reply din interiorul comentariului reply
border:1px solid #5AB1E2; - modifica bordura
color:#ffffff; - modifica culoarea textului

.comment-header { /* fundal header comentariu ---- */
background-color: #F4F4F4;
border: 1px solid #E6E6E6;
margin-bottom: 5px;
padding: 5px;
color:#000;
}

background-color: #F4F4F4; - modifica culoarea fundalului partii unde este scris numele autorului
border: 1px solid #E6E6E6; - modifica bordura
color:#000; - modifica culoarea textului

Pentru alegerea culorilor puteti folosi generatorul de culori sau programul Pixie care te ajuta sa copiezi codul oricarei culori din sablonul tau.

Obiecte gadget si sidebar disponibile in sabloanele dinamice

2012-03-05T01:27:00.000-08:00

Acum un an Blogger lansa varianta de vizualizari dinamice ale blogurilor Blogger Blogspot. Parea ca va fi un succes, dar lipsa unor optiuni elementare pentru un blog a facut ca aceste sabloane sa fie folosite intr-o mica masura. Una dintre aceste optiuni este imposibilitatea de a avea un sidebar pentru a pune obiecte gadget in el.

La un an de la lansare, blogger reuseste in sfarsit sa aduca imbunatatiri sabloanelor cu vizualizari dinamice si introduce posibilitatea de a avea obiecte gadget in sidebar. Ele vor fi ascunse si vor aparea la trecerea mouse-ului peste ele.

Din pacate, inca nu este ceea ce se astepta pentru ca deocamdata singurele obiecte gadget care se pot adauga sunt: Arhiva blogului, Etichetele, Lista de link-uri, Persoane interesate, Profil si Subscribe (un obiect gadet nou care apare in sidebar daca se adauga unul din obiectele gadget: Urmariti prin e-mail sau Link-uri de abonare.

Aceste obiecte gadget se pot adauga din pagina "Aspect" in interfata noua sau din pagina "Elemente de pagina" in interfata veche. Adaugarea lor se face la fel ca la sablonele normale.

Cum sa scoti optiunea "read more" de la blogger - Tutorial

2012-03-04T22:25:00.001-08:00

De ce ai vrea sa scoti optiunea read more default de la Blogger? Pai, una din situatiile in care ai vrea sa scoti optiunea read more de la blogger este atunci cand ai folosit aceasta optiune de ceva timp si te-ai hotarat dintr-o data sa instalezi trucul read more automat cu imagine. Vei ajunge sa ai doua "link-uri read" more in articolele de pe prima pagina si va arata destul de inestetic.

Daca te afli in aceasta situatie iata cum poti scapa de "read more" de la blogger:

1. Tot ce trebuie sa faceti este sa identificati codul care genereaza link-ul "read more" si sa-l stergeti. Sa trecem la treaba si sa vedem cum il gasim.

Intrati la Design --> Editati html si ca de obicei cand modificati codul sablonului, faceti o copie de siguranta.
Bifati casuta pentru a extinde codul sablonului.

2. Cu ajutorul combinatiei de taste Ctrl +F gasiti acest cod:

<b:if cond='data:post.hasJumpLink'>

Odata gasit veti vedea ca el este parte dintr-un grup de coduri.

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

Acest grup de coduri este de fapt codul care genereaza link-ul "read more". Tot ce trebuie sa faceti este sa stergeti acest grup si sa salvati sablonul.

Inca o data despre paginile statice pe Blogger

2012-03-04T10:07:00.000-08:00

Inca o data voi vorbi despre paginile statice de pe Blogger si intrebarea cea mai frecventa: "Cum sa pun mai multe postari intr-o pagina statica?"

Va trebui sa intelegeti ca in pagina statica nu se pot pune mai multe postari. Multi o confunda cu o a doua pagina de pornire a blogului (home page) sau mai curand cu etichetele (categoriile) blogului.

O pagina statica este acelasi lucru cu o postare normala. Singura diferenta intre ele este ca pagina statica nu apare in pagina de inceput a blogului.
Paginile statice sunt pentru a face niste postari gen Contact" sau "Despre blog", postari care nu ai vrea sa apara in pagina de inceput a blogului.

Asa este pe blogger si asa este si pe Wordpress. Intr-adevar, pe Wordpress cu host propriu sunt unele pluginuri care pot face acest lucru, dar de cele mai multe ori si cei de pe Wordpress leaga in meniu tot o eticheta. Pentru ca dorinta asta de a avea mai multe postari intr-o pagina statica se rezuma de fapt la avea un buton in meniul blogului care sa trimita catre o pagina cu mai multe postari dintr-o categorie a blogului. Si aceasta pagina este de fapt o eticheta (categorie) pe care voi ati creat-o si in care ati pus postarile care corespund acelei categorii.

Ce poti face?
Pai daca totul se rezuma la acel buton din meniu, atunci tot ce aveti de facut este sa legati in meniu categoria de articole pe care o doriti pusa acolo.
Folosindu-va de postarea "Adaugare link oriunde in meniul paginilor statice" luati url-ul categoriei dorite si legati-l in meniu prin metoda descrisa de mine in acel tutorial.

A doua metoda - care este de fapt un substituit
In tutorialul "Cum sa pui mai multe postari intr-o pagina statica" v-am aratat cum cu ajutorul unui script puteti afisa intro pagina statica ultimele postari dintr-o categorie de pe blog.
Pentru a va face o idee despre cum va arata o astfel de pagina, intrati pe blogul "Videoclipuri noi" si vedeti paginile statice legate in meniu.

De acum inainte orice intrebare legata de acest subiect va primi in dar acest tutorial fara alte explicatii.

Titlul postarilor modificat pentru o optimizare SEO mai buna

2012-02-28T23:23:00.000-08:00

Pe Blogger titlul postarilor este setat sa apara dupa titlul blogului. Astfel, cand o postare va apare in cautarile pe Google, in titlul rezultatului care afiseaza blogul vostru, va apare intai titlul blogului si apoi titlul postarii. Imaginati-va ca daca aveti un titlu lung la blog, titlul postarii nici nu va mai aparea si va scadea si interesul celui care a cautat pentru ca in titlul rezultatului nu se regaseste decat o parte din titlu sau absolut niciun cuvant din ce a cautat.

Exemplu:

Faptul ca in pagina postarii apare mai intai titlul blogului urmat de cel al postarii se poate vedea si in tabul browserului. Daca intrati pe adresa unei postari veti vedea in tab exact ce va spuneam.

Si pentru ca am pornit acum cateva zile pe drumul unor setari pentru a optimiza blogul si v-am aratat cum sa puneti meta taguri pentru descriere si cuvinte cheie, astazi este timpul sa ne ocupam si de titlul postarilor.

Pe blogger, codul care genereaza titlul blogului si titlul postarilor este acesta:

<title><data:blog.pageTitle/></title>

Acesta este mata tagul "title" si este format din tagul de inceput <title> si tagul de inchedere </title>. Intre ele se afla codul care genereaza titlul blogului si titlul postarilor. In formatul in care este scris de cei de la blogger el genereaza titlul blogului in pagina de inceput si titlul blogului urmat de titlul postarii in pagina postarii.

Optimizarea titlurilor postarilor
Acest lucru se face foarte usor si va voi explica pas cu pas cum sa faceti.

2. Vom modifica pentru inceput codul pentru ca in pagina postarilor sa se afiseze intai titlul postarii si apoi titlul blogului.

Vom incepe intai cu un tag conditional care ne spune ca orice cod adaugat in interiorul lui face ca obiectul generat sa apara doar in pagina de inceput a sablonului, in etichete si in arhive.

<b:if cond='data:blog.pageType == "index"'>
cod aici
</b:if>

In acesta conditie vom introduce tagul title impreuna cu codul care genereaza titlurile.

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
</b:if>

Avem acum tagul "title" conditionat sa apara doar in pagina de inceput a sablonului, in etichete si in arhive. Vom adauga o noua conditie care spune ca daca pagina afisata nu este pagina de inceput, etichete sau arhive sa afiseze altceva.

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
</b:if>

Acel altceva este de fapt tot tagul "title" dar care acum contine codul care genereaza titlul postarilor urmat de codul care genereaza titlul blogului.

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

3. Acum ca am modificat codul, este timpul sa-l adaugam in sablon. Intrati la Design --> Editati html si ca de fiecare data cand modificam codul sablonului facem o copie de siguranta.

Cautam in codul sablonului "tagul title". Este chiar la inceput.

<title><data:blog.pageTitle/></title>

Dupa ce l-am gasit, il inlocuim cu cel pe care l-am creat. Adica cu acesta:

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

Salvati sablonul.

Intrati pe adresa unei postari si veti vedea ca acum apare intai titlul postarii urmat de cel al blogului.
In cautari, modificarea va fi vizibila dupa ce Google va reindexa blogul vostru.

Buton Facebook "Imi Place" (Like) in fiecare postare pe Blogger

2012-02-27T22:27:00.000-08:00

Facebook!!! Toata lumea are cont Facebook si toata lumea vrea sa dea "Imi Place" (Like).
Pentru bloggeri insa, Facebook inseamna promovarea articolelor in reteaua sociala si ce mod mai bun de promovare sa fie decat sa-ti lasi vizitatorii sa trimita articolele tale pe Facebook.

Unul din modurile in care link-ul tau poate apare in retea este sa-ti instalezi un buton "Imi Place" (Like) si sa lasi vizitatorii sa-l apese atunci cand articolul scris de voi este pe placul lor.

Despre un widget care care contine butonul "Imi Place" (Like) am mai scris, dar widget-ul venea cu un chenar si de multe ori nu era ceea ce vroiam noi. Astazi am sa va arat cum sa instalati doar butonul "Imi Place" (Like) in toate paginile blogului. El va functiona independent pentru fiecare postare si numarul de Like-uri va fi contorizat pentru fiecare articol in parte.

In postare butonul va arata astfel:

Instalarea butonului.

1. Intrati la Design --> Editati html (in interfata veche) si faceti o copie de siguranta a sablonului.

2. Bifati casuta de extindere a codului sablonului.

3. Cu ajutorul combinatiei de taste Ctrl + F gasiti acest cod:

<data:post.body/>

Acest cod reprezinta postarea voastra, articolul vostru. Orice cod adaugat deasupra lui face ca obiectul introdus sa apara deasupra postarii, adica sub titlul postarii si orice cod adaugat dupa el face ca obiectul introdus sa apara, asa cum cred ca ati ghicit, sub postare.

4. Odata gasit, trebuie sa alegeti daca vreti ca butonul sa apara sub postare sau deasupra ei si sa copiati codul de jos:

<div style='float:left;padding:15px 5px 5px 0;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=450&action=like&font=verdana&colorscheme=light&height=25"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:440px; height:25px;'/>
</div>

Codul butonului este prins intre 2 atribute CSS care ajuta la o pozitionare mai buna a butonului. Aceste atribute sunt: float:left; si padding:15px 5px 5px 0;

float:left; ajuta la pozitionarea butonului in stanga sau in dreapta. Cu "left" va apare in stanga iar cu "right" in dreapta.

padding:15px 5px 5px 0; ajuta la crearea unor distante fata de buton. Puteti modifica valorile cum doriti. Valorile corespund astfel: distanta sus, dreapta, jos si stanga.

In modul cum este construit codul, butonul va aparea in toate postarile si paginile statice, inclusiv in pagina de inceput a blogului. Daca vreti sa apara asa, puteti previzualiza si daca va place, puteti salva sablonul.
Daca vreti ca el sa apara doar in postari si pagini statice va trebui sa-i aplicam conditionarea potrivita.

5. Conditionarea pentru postari si pagini statice se face adaugand la cod tagurile de condionare potrivite:

<b:if cond='data:blog.url == data:post.url'>
<div style='float:left;padding:15px 5px 5px 0;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=450&action=like&font=verdana&colorscheme=light&height=25"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:440px; height:25px;'/>
</div>
</b:if>

Liniile scrise cu rosu reprezinta conditionarea pentru postari si pagini statice. Daca doriti alta conditionare vezi articolul despre taguri de conditionare pe blogger.
Atributele Css se pot modifica asa cum am aratat la punctul 4.

Meta taguri "descriere" si "cuvinte cheie" pentru Blogger

2012-02-26T23:17:00.000-08:00

Un blog blogger poate rula linistit si fara meta taguri, dar adaugate aduc un plus de vizibilitate in fata motoarelor de cautare. Cele mai importante meta taguri sunt cel pentru descrierea blogului si cel pentru cuvintele cheie din blog.

Meta descrierea este descrierea care apare in cautari imediat sub titlul blogului iar cuvintele cheie servesc motoarelor de cautare pentru o intelegere mai usoara a continutului bloguilui.

Pe blogger aceste meta taguri nu sunt incluse dar se pot adauga foarte usor prin pagina Editati html si trebuie puse intre tagurile <head> si </head> ale blogului.

Adaugarea meta tagurilor

1. Creati-va descrierea si cuvintele cheie dorite. La descriere trebuie sa va incadrati intre 15 si 25 de cuvinte sau un maxim de 300 de caractere, iar la cuvintele cheie la un maxim de 25 de cuvinte separate prin virgula.

2. Odata creata descrierea se copiaza in interiorul acestui cod, in locul textului scris cu rosu.

<META NAME="Description" CONTENT="Descrierea ta se pune in locul acestui text" />

3. Luati cuvintele cheie scrise de voi si punetile in codul de mai jos, in locul textului scris cu rosu.

<META NAME="Keywords" CONTENT="Cuvintele,cheie, se, pun, aici" />

4. Aceste metataguri sunt doar pentru pagina de pornire a blogului si pentru ca ele sa nu se afiseze in toate paginile blogului si sa dauneze in cautari, cele doua metataguri se pun intr-un tag conditional care limiteaza aparitia lor decat la pagina de inceput a blogului.

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<META NAME="Description" CONTENT="Descrierea ta se pune in locul acestui text" />
<META NAME="Keywords" CONTENT="Cuvintele,cheie, se, pun, aici" />
</b:if>

5. Intrati la Design --> Editati html si copiati codul rezultat la pasul 4 imediat dupa acest cod:

<title><data:blog.pageTitle/></title>

6. Salvati blogul.

Motor de cautare personalizat de la Google pe blog

2012-02-25T23:52:00.000-08:00

De ani de zile Google ofera posibilitatea de a-ti crea un motor personalizat de cautare in site sau blog (Google Custom Search). Acest motor de cautare se poate folosi si pe blogurile Blogger. El este total diferit de cel oferit de blogger care se poate adauga in sidebar prin obiectele gadget.

Motorul personalizat este bazat pe indexarea pe care o face Google si este recomandat blogurilor care au deja paginile blogului indexate. La un blog la inceput este foarte posibil ca rezultatele cautarii sa nu afiseze nimic.

Un demo de motor de cautare personalizat cu afisarea rezultatelor intr-o pagina din blog gasiti aici.

Crearea motorului de cautare personalizat

1. Daca vreti sa creati un motor de cautare cu afisarea rezultatelor intr-o pagina din blog, va trebui in prima faza sa faceti o pagina statica cu titlul "Rezultatele cautarii" si sa o publicati.

2. Pentru a va crea un motor de cautare "Google Custom Search" pentru blog trebuie sa aveti un cont Google. Daca nu aveti va trebui sa va creati unul.
Intrati pe Google Custom Search si logativa cu userul si parola de la contul Google. Dati clic pe butonul "Creati un Motor personalizat".

In pagina urmatoare configurati motorul de cautare. Dati un nume motorului, introduceti o descriere, selectati limba si la "Site-uri pe care se caută:" introduceti url-ul blogului vostru, de genul:

http://blogultau.blogspot.com

Selectati editia "Standard Edition", bifati ca ati citit regulile si dati clic pe butonul "Inainte".

In pagina urmatoare va puteti alege stilul motorului de cautare din cele 6 puse la dispozitie. Cu un clic pe butonul "Personalizati" va puteti modifica culorile si fontul stilului ales. Puteti face si o incercare a motorului de cautare. Introduceti in caseta un cuvant des folosit pe blogul vostru si vedeti cum arata rezultatele.

Dupa ce ati terminat dati clic pe butonul "Inainte".

In pagina urmatoare dati clic pe link-ul "Modificaţi elemente de bază" pentru a va personaliza si mai mult motorul de cautare. Din meniul din stanga alegiti "Aspect".
Daca vreti sa aveti caseta de cautare in sidebar si rezultatele pe o pagina din blog trebuie sa selectati optiunea "Două pagini". Dupa selectare apasati butonul "Salvati si obtineti codul".

In pagina deschisa la "Precizaţi adresa URL a site-ului dvs. pe care doriţi să apară rezultatele căutării:" va trebui sa introduceti adresa url a paginii statice pe care ati creat-o la primul pas.

Primul cod care vi se da este al casetei da cautare. Copiati codul si introduceti-l intr-un obiect gadget html/javascript de pe blogul vostru.
Al doilea cod trebuie copiat, dus la pagina statica creata si in modul "Editati html" al editorului de text sa introduceti codul copiat. Actualizati pagina statica.

Si dupa acest ultim pas puteti sa mergeti pe blogul vostru si sa testati noul vostru motor de cautare personalizat.

Taguri conditionale pentru Blogger

2012-02-25T05:46:00.000-08:00

Norocul nostru ca blogger ne lasa sa editam codul html si css al sablonului si astfel ne putem modifica sablonul blogului dupa bunul plac. Astfel putem include in codul sablonului diferite scripturi si diferite coduri html care imbunatatesc aspectul blogului cat si functionalitatea lui.

Dupa cum multi dintre voi stiti, codul html al sablonului se poate modifica in interfata veche intrand la Design -- Editati html, iar in interfata noua intrand la Sablon -- Editati html -- si in fereastra deschisa Accesati.

Pe internet si pe blogul meu veti gasi foarte multe widget-uri pe care sa le atasati la blogul vostru. Multe dintre ele sunt facute sa apara in toate paginile blogului sau conditionate sa apara doar in anumite pagini ale blogului.
Am sa va explic astazi care sunt codurile, sau mai bine zis tagurile html care fac aceste conditionari.

Conditionarea unui widget sau cod html, pe Blogger se face cu ajutorul acestor taguri:

<b:if cond='pune conditionarea aici'>
</b:if>

Prima linie este compusa din tagul <b:if> la care se adauga atributul cond, si linia doua </b:if> care reprezinta tagul de inchidere. Intotdeauna cand veti adauga coduri si vreti sa le conditionati, </b:if> va trebui sa inchida ciclul. Uitarea adaugarii lui va da eroare cand veti incerca sa salvati sablonul.

I. Orice coduri sau scripturi adaugate fara aceste taguri vor aparea in toate paginile blogului. In pagina de inceput, in pagina postarilor, in paginile statice si in etichete si arhive.

II. Lista de conditionari

1. Conditionarea "index"

<b:if cond='data:blog.pageType == "index"'>
Codul tau
</b:if>

Orice cod pus intre cele doua taguri va aparea doar in pagina principala, in etichete (categorii) si in arhive.

2. Conditionarea "pagina de inceput (Home)"

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Codul tau
</b:if>

Orice cod pus intre cele doua taguri va aparea doar in pagina de inceput a blogului.

3. Conditionarea "postare"

<b:if cond='data:blog.pageType == "item"'>
Codul tau
</b:if>

Orice cod pus intre cele doua taguri va aparea doar in pagina postului propriu-zis.

4. Conditionarea "pagina statica"

<b:if cond='data:blog.pageType == "static_page"'>
Codul tau
</b:if>

Orice cod pus intre cele doua taguri va aparea doar in paginile statice ale blogului.

5. Conditionarea "postari si pagini statice"

<b:if cond='data:blog.url == data:post.url'>
Codul tau
</b:if>

Orice cod pus intre cele doua taguri va aparea doar in postari si in paginile statice.

6. Conditionarea "un anumit url"

<b:if cond='data:blog.url == "pune url-ul tau aici"'>
Codul tau
</b:if>

Orice cod pus intre cele doua taguri va aparea doar in postarea sau pagina statica al carei url-ul este specificat.

7. Conditionarea "arhive"

<b:if cond='data:blog.url == "archive"'>
Codul tau
</b:if>

Orice cod pus intre cele doua taguri va aparea doar in arhivele blogului.

8. Conditionarea "categorie (eticheta)"

<b:if cond='data:blog.searchLabel'>
Codul tau
</b:if>

Orice cod pus intre cele doua taguri va aparea doar in paginile etichetelor blogului.

III. Conditionari alternative
Dupa cum ati vazut, avem 8 conditionari care fac ca un anumit cod sau script sa apara doar in locul unde doriti voi.

Conditionarile alternative sunt atunci cad vreti ca un cod sa apara oriunde mai putin acolo unde specificati.
Ele se formeaza la fel ca cele de mai sus cu o singura modificare. Pentru a intelege mai usor am sa va dau un exemplu.

Daca vreti ca un widget sa apara oriunde in blog dar nu si in paginile statice, iata cum trebuie sa arate tagul vostru conditionat:

<b:if cond='data:blog.pageType != "static_page"'>
Codul tau
</b:if>

Inlocuiti primul semn = (egal) cu semnul exclamarii. Mica modificare face acum ca obiectul sa apara oriunde in blog dar nu si in paginile statice.
La fel procedati si cu celelalte taguri conditionate.

Formular de contact pentru blogger - blogspot

2012-02-02T08:21:00.000-08:00

Cu mult timp in urma va aratam cum sa puneti un formular pentru contact pentru blogul vostru Blogger blogspot. Astazi va voi arata un nou site care ofera gratuit un formular pentru contact pentru orice blog sau site. Numele site-ului este 123 Contact Form.

Inainte de a incepe trebuie sa va spun ca in varianta gratuita site-ul ofera:
- posibilitatea de a crea 5 formulare diferite
- 10 campuri pentru fiecare formular
- 100 de mesaje primite pe luna pentru toate cele 5 formulare
- impreuna cu formularul va fi si un link inapoi pentru site-ul 123 Contact Form.

Daca va convin optiunile pe care site-ul le pune la dispozitie, iata cum va puteti crea un formular simplu pentru blogul blogul vostru:
1. In prima faza trebuie sa creati un cont pe acest site. O puteti face dand clic aici.

2. Dupa ce va creati contul, veti fi dusi pe o pagina de unde puteti selecta tipul de formular pe care il doriti. Dati clic pe casuta "Contact form"

3. Dati un nume formularului de contact si apasati Ok.

4. Veti fi dusi in pagina ce creare a formularului. Prestabilit, aveti deja 3 campuri adaugate: Name, Email si Message. Pentru a edita un camp trebuie sa dati clic pe el pentru a-l selecta. In partea stanga puteti edita numele campului, lungimea casutei pentru text si il puteti face obligatoriu bifand casuta "Required".
De asemenea puteti scrie si instructiuni pentru acel camp. Ele vor aparea sub titlul campului.

Puteti adauga mai multe campuri dand clic pe ADD FIELD. Din optiuni alegeti ce fel de camp doriti, il trageti spre formular si ii dati drumul.

Pentru a sterge un camp trebuie sa dati clic pe el si din partea dreapta sa selectati iconita X (delete).

5. Dupa ce sunteti multumiti de noul vostru formular dati clic pe butonul "Continue".

6. Veti fi dusi in pagina de setare a formularului.
Bifati casuta din dreptul emailului si alegeti ce fel de confirmare doriti sa apara dupa ce mesajul a fost trimis de catre vizitator.

a. Show text - daca alegeti aceasta optiune, dupa ce mesajul a fost trimis, va apare textul pe care voi il veti specifica.
b. Redirect to a web page - daca alegeti aceasta optiune, dupa ce mesajul a fost trimis, vizitatorul va fi redirectionat catre o pagina de pe blog pe care voi o veti specifica.
Aceasta pagina poate fi una creata nou si in care sa scrieti ceva de genul: "Multumim pentru mesj. Un administrator va va contacta cat de curand posibil"
c. Show the above text, then go to the above web page - daca alegeti aceasta optiune, dupa ce mesajul a fost trimis, va apare mesajul scris de voi la varianta (a) si apoi se va face redirectionarea catre pagina pe care ati specificat-o la punctul (b)

Oricare varianta veti alege nu uitati sa salvati.

7. Dupa ce ati facut si aceste setari este timpul sa treceti mai departe. Dati clic pe butonul "Continue".

In pagina "Publish Form" va apare codul pe care trebuie sa-l puneti pe blog. Alegeti din stanga varianta Blogger si copiati codul javascript.

8. Intrati pe blogger si creati o noua pagina statica. Datii titlul Contact" (sau orice doriti voi) si in modul Editati html al editorul de text copiati codul formularului de contact.

Cum sa stergi un blog din lista de bloguri pe care le urmaresti

2012-01-16T13:25:00.000-08:00

Acest articol este un raspuns la o intrebare primita pe mail de la un blogger. Nu este cine stie ce articol, dar sper sa-l ajute macar pe bloggerul care mi-a pus intrebarea.

Deci, daca vrei sa stergi un blog din lista de bloguri pe care le urmaresti, trebuie sa urmezi acesti pasi:

1. Intra pe blogul pe care il urmaresti si pe care vrei sa-l elimini din lista.
2. Localizeaza gadgetul "Persoane interesate" de pe blogul respectiv.
3. Sub gadget vei gasi acest text si link: Sunteţi deja membru? Conectaţi-vă

4. Dati clic pe link-ul "Conectaţi-vă"

5. In fereastra deschisa vi se va cere sa va conectati la contul vostru. Alegeti Google si introduceti adresa de mail de la contul vostru Google si parola de la acest cont.

6. Odata conectati, gadgetul "Persoane interesate" va arata asa:

7. Dati clic pe "Optiuni" si alegeti "Setarile site-ului"

8. Localizati link-ul "Opriţi urmărirea acestui site" si dati clic pe el.

Se va deschide o mica fereastra in care vi se cere sa confirmati oprirea urmaririi blogului. Alegeti butonul "Opriti urmarirea".

Asta a fost tot. Sper sa ajute pe cineva :)

Buton "raspunde" (reply) la comentarii pe Blogger - Optiune noua

2012-01-14T12:14:00.000-08:00

Sistemul de comentarii de la blogger nu este foarte agreat printre bloggeri, asa cum este cel de pe platforma Wordpress. Este putin mai greoi, dar eu am crezut intotdeauna ca cine vrea sa comenteze la un articol, o va face oricum ar fi sistemul de comentarii.

Insa cei de la blogger au introdus de vreo doua zile o noua optiune pentru comentarii care incearca si chiar reuseste sa faca mai atractiv actualul sistem. Noua optiune da posibilitatea de a raspunde "special" unui anumit comentariu indiferent de data la care a fost facut, iar comentariu tau sa fie afisat chiar sub comentariul caruia ii raspunzi.

Daca nu stii sigur despre ce este vorba, vezi poza de mai jos.

Pentru a putea beneficia de acesta optiune este neaparat nevoie sa ai feed-ul blogului setat pe "Complet" iar metoda de comentare setata cu formularul de comentare incorporat sub postare.

Daca nu aveti aceste setari facute in modul acesta, iata cum le puteti seta astfel:

Pentru a seta feedul blogului pe optiunea "Complet":
- in interfata veche - intrati la Setari --> Feed de site --> Se permit feeduri de blog --> schimbati in Complet si salvati setarile.
- in interfata noua - intrati la Setari --> Altele --> Permiteţi feedul pentru blog --> schimbati in Complet si salvati setarile.

Pentru a seta modul de afisare al formularului de comentarii:
- in interfata veche - intrati la Setari --> Comentarii --> Plasarea formularului pentru comentarii --> bifati Încorporat sub postare si salvati setarile.
- in interfata noua - intrati la Setari --> Postări şi comentarii --> Comentarii --> Locaţia comentariilor --> schimbati in Incorporat si salvati setarile.

Pentru blogurile care folosesc un sablon creat in "Pagina de design al sabloanelor" acest lucru ar trebui sa fie de ajuns pentru ca butonul Raspundeti (Reply) sa fie afisat sub comentariile existente.

Afisarea butonului Raspundeti (Reply) pentru blogurile descarcate de pe diverse site-uri de pe internet

Desi Blogger a introdus deja marea majoritate a codurilor necesare pentru noua optiune, mai trebuie totusi sa modificati o parte din cod pentru ca butonul "Raspundeti" sa apara.

Important

Inainte de a face modificarea de cod si implicit afisarea butonului "Raspundeti", trebuie sa stiti ca acest pas va modifica complet orice personalizare pe care sablonul vostru o are facuta la partea de comentarii. Acest pas va anula si 3 dintre personalizarile facute cu ajutorul tutorialelor din acest blog.
Si anume:
1. numerotarea comentariilor
2. comentariul autorului de blog pe alt fundal
3. Yahoo Smiley in comentarii

Din pacate noul cod adaugat de blogger nu este compatibil cu codul care a facut posibila personalizarea comentariilor. Cand voi reusi sa refac acele 3 trucuri, voi scrie un articol nou despre ele.

Pasi:
1. Intrati la Sablon si dati clic pe butonul Editati html (in interfata veche: Design - Editati html). Faceti o copie de siguranta al sablonului. In caz ca ceva nu merge bine sau nu va place noul mod de afisare al comentariilor, prin reincarcarea copiei veti putea reveni la forma initiala a sablonului.

2. Bifati casuta de extindere a codului sablonului.

3. Cu ajutorul combinatiei de taste Ctrl+F gasiti acest cod:

<b:if cond='data:blog.pageType == "static_page"'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:include data='post' name='comments'/>
        </b:if>

Codul se gaseste de doua ori in sablon si va trebui modificat in ambele locuri.

4. Inlocuiti codul de mai sus cu acesta:

        <b:if cond='data:blog.pageType == "static_page"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>

Salvati sablonul si intrati pe o postare cu comentarii pentru a vedea daca butonul "Raspundeti (Reply) a aparut.

Redirectioneaza domeniu fara www la cel cu www - Blogger

2011-12-16T12:01:00.000-08:00

Cei care sunteti pe blogger cu domeniu propriu cumparat de la GoDaddy ati observat probabil ca url-ul domeniului vostru fara www nu redirectioneaza catre cel cu www. Acest lucru poate dauna pagerank-ului blogului-ului vostru deoarece Google poate interpreta acest lucru ca 2 domenii separate si in loc ca tot pagerank-ul sa fie atribuit domeniului vostru, el sa fie impartit la 2 si astfel sa pierdeti foarte mult.

Faceti o proba cu url-ul blogului vostru si vedeti daca non www redirectioneaza catre cel cu www. Daca nu redirectioneaza, iata ce trebuie sa faceti pentru a redirectiona:

Intrati la Setari in blogul vostru, apoi la Publicare si asigurati-va ca este bifata casuta: Redirecţionare domeniu.com către www.domeniu.com
Daca folositi interfata noua trabuie sa intrati la Setari --> De baza --> Publicare si in dreptul url-ului domeniului vostru sa dati clic pe Editati.

Logati-va in contul vostru de la GoDaddy. In meniul verde, puneti mouse-ul peste butonul Domain. In submeniul care se deschide dati clic pe link-ul "Domain Management".

In pagina deschisa dati clic pe domeniul pe care vreti sa-l editati.

La rubrica Domain Information cautati setarea Forwarding care ar trebui sa fie setata pe Off. Clic pe link-ul Manage din dreptul setarii.

In fereastra deschisa, in casuta pentru text introduceti url-ul domeniului vostru cu www in fata. Vezi poza de mai jos.
Aveti grija sa fie bifata casuta: Update my DNS settings to support this change. (Recommended) iar la Advanced Options sa fie bifat Forward Only cu optiunea I am permanently forwarding my domain selectata. Apasati Ok pentru a salva setarea.

Asta e tot. De acum url-ul domeniului vostru fara "www" in fata, va redirectiona catre cel cu "www".

Nota: Pot trece cateva ore pana cand redirectionarea va incepe sa mearga.

Schimba subdomeniu blogspot cu un domeniu de la GoDaddy - varianta usoara

2011-12-14T09:47:00.000-08:00

Acum cateva zile va aratam o varianta de a trece de la subdomeniul blogspot.com la domeniul vostru cumparat de la GoDaddy. Acum am sa va arat o alta varianta, ceva mai usoara.

Cei de la Godaddy au pus la dispozitia bloggerilor blogspot o unealta care sa faca automat setarea DNS a blogului fara a mai interveni manual si a risca sa facem greseli.

Unealta o gasiti la aceasta adresa: http://www.godaddy.com/blog/bloggerdnssetup.aspx . Va trebui desigur sa va logati in contul vostru Godaddy.

Unealta arata:

Tot ce trebuie sa faceti este sa introduceti in caseta pentru text adresa url a domeniului pe care il aveti cumparat si pe care vreti sa-l atasati la un blog blogspot.

Apasati "Confirm" si atat. Veti primi un mesaj de confirmare din partea celor de la Godaddy.

Acum ca ati terminat cu setarile DNS, va trebui sa va intoarceti la blogul vostru, sa intrati la Setari --> Publicare si sa dati clic pe link-ul: Domeniu la comanda.

In pagina urmatoare intrati pe link-ul "Comutare pe setări avansate"

In pagina urmatoare introduceti url-ul domeniului vostru, de forma www.domeniu.com

.com poate fi .net sau .info sau orice alt fel de domeniu ati cumparat.

La optiunea "Folosiţi o gazdă de fişiere lipsă?" Lasati bifat varianta "Nu"

Introduceti cuvintele de verificare si apasati butonul "Salvati setarile"

In pagina urmatoare va aparea un mesaj prin care este confirmata setarea corecta a domeniului.

Bifati casuta de redirectionare a domeniul fara www catre domeniu cu www. Introduceti din nou cuvantul de verificare si salvati din nou setarile.

Si asta este tot. Acum vechiul vostru subdomeniu va redirectiona automat catre noul vostru domeniu propriu.

Cum sa treci de la subdomeniu blogspot la domeniu propriu

2011-12-11T08:55:00.000-08:00

Desi blogger ne ofera un subdomeniu blogspot.com pentru a ne publica blogul, foarte multi bloggeri prefera sa aibe propriul lor domeniu de genul domeniu.com.
Un lucru bun dupa parerea mea, pentru ca ofera blogului un plus de personalitate in relatiile cu alti bloggeri sau eventuali clienti care ar dori sa cumpere spatiu de publicitate pe blogul vostru.

Tutorialul de fata va arata cum sa va treceti blogul vostru blogspot.com pe un domeniu propriu cumparat deja de la godaddy.com. Daca voi cumpara vreun domeniu direct de la blogger, desi nu cred ca este avantajos, voi face atunci un tutorial nou.

Dar pentru ca deja sunteti hotarati sa treceti pe domeniu propriu si deja aveti domeniu cumparat de la godaddy, sa trecem cat mai repede la treaba :)

1. Logati-va in contul vostru de la "Godaddy". In meniul verde, puneti mouse-ul peste butonul Domain. In submeniul care se deschide dati clic pe link-ul "Domain Management".

In pagina deschisa dati clic pe domeniul pe care vreti sa-l atasati la blogul vostru.

Cautati "DNS Manager" si dati clic pe "Launch".

2. Acum este timpul sa faceti setarea DNS pentru domeniul vostru.
In tabelul "CNAME (Alias)" in coloana "Host" cautati optiunea www. Lasati www neschimbat.

In coloana "Points to" in dreptul optiunii www gasiti caracterul @. Dati clic pe el si inlocuiti-l cu: ghs.google.com

Clic pe butonul "Save Zone File" pentru a salva setarea DNS

3 Intrati pe blogul vostru la Setari --> Publicare si dati clic pe link-ul: Domeniu la comanda.

In pagina urmatoare dati clic pe link-ul "Comutare pe setări avansate"

4. In pagina urmatoare introduceti url-ul domeniului vostru, de forma www.domeniu.com
.com poate fi .net sau .info sau orice alt fel de domeniu ati cumparat.

La optiunea "Folosiţi o gazdă de fişiere lipsă?" Lasati bifat varianta "Nu"
Introduceti cuvintele de verificare si apasati butonul "Salvati setarile"

5. In pagina urmatoare va aparea un mesaj prin care este confirmata setarea corecta a domeniului.
Bifati casuta de redirectionare a domeniul fara www catre domeniu cu www. Introduceti din nou cuvantul de verificare si salvati din nou setarile.

Si asta ar fi tot. Acum vechiul vostru subdomeniu va redirectiona automat catre noul vostru domeniu propriu.

Nota:
- pot trece cateva ore sau chiar cateva zile pana redirectionarea se va face. La domeniile mele redirectionarea s-a facut aproape instantaneu asa ca sper sa fiti la fel de norocosi.
- noul domeniu inca nu este indexat de Google si va trece ceva timp pana va fi reindexat.

Optiune noua: Adaugare link oriunde in meniul paginilor statice

2011-08-18T13:16:00.000-07:00

Anul trecut blogger a adaugat o optiune mult asteptata de userii platformei blogger. Optiunea este cea de creare a paginilor statice si ordonarea lor intr-un meniu.

Din pacate in meniu se pot adauga doar paginile statice, nu si link-ul unei alte postari sau un link extern. Insa, in noua interfata pentru blogger disponibila pentru teste pe blogger in draft, aceasta optiune de adaugare a unui alt link in meniu este posibila, si este foarte usor de folosit.

Intrati pe draft.blogger.com. Din meniul derulant din dreptul blogului unde vreti sa adaugati link-ul, accesati optiunea Pagini.

Clic pe Pagina noua si alegeti optiunea Adresa web.

Se va deschide o noua fereastra in care puteti introduce titlul noului tab din meniu si link-ul dorit.Clic pe Salvati.

Noul tab va apare sub celelalte pagini create. Puteti sa-l asezati in orice pozitie doriti prin metoda "Drag and Drop". Dupa rearanjare va trebui sa salvati accesand butonul Salvati aranjarea (dreapta sus).

Noul link din meniu ramane valabil si in interfata normala Blogger, el putand fi mutat oriunde la fel ca si paginile statice.

Adaugare link oriunde in meniul paginilor statice

Noua interfata Blogger accesibila prin Blogger in draft

2011-08-15T13:01:00.000-07:00

De ceva timp Blogger incearca sa definitiveze noua interfata de administrare a blogurilor blogspot. Noua interfata este deja disponibila prin draft.blogger.com dar este inca in versiunea beta. Inca sunt multe buguri dar si multe optiuni nou lansate.

Daca vreti sa va familiarizati cu noua interfata blogger o puteti face accesand versiunea blogger in draft a platformei Blogger.

Noua interfata Blogger

Optiune noua: Adaugati favicon pe Blogger - blogspot

2011-07-20T11:36:00.000-07:00

Cu mult timp in urma va aratam intr-un tutorial cum sa va personalizati blogul vostru blogger prin adaugarea unui favicon personalizat. Metoda era si atunci destul de simpla, dar prin noua optiune introdusa, adaugarea faviconului propriu pe blogger a devenit floare la ureche.

Iata cerintele si pasii pentru a pune favicon propriu pe Blogger:
Cerinte:
1. Poza aleasa pentru favicon trebuie sa fie patrata.
2. Aveti grija ca poza sa nu depaseasca 100 KB.
3. Poza poate fi in formatele: ico, gif, png si jpg

Pasi:
1. Intrati la Design --> Elemente de pagină. Deasupra reprezantarii elementelor sablonului vostru veti gasi un mini element gadget numit Favicon , cu funtie de editare atasata.

2. Dati clic pe functia Editati. In fereastra nou deschisa va trebui sa selectati din calculator poza pe care vreti sa o transformati in favicon. Odata selectata si acceptata nu varamane decat sa salvati. apoi sa vizualizati blogul.

Optiune noua: Favicon pe blogger

Cum sa muti un blog blogger - blogspot dintr-un cont in altul

2011-04-18T12:06:00.000-07:00

De curand un prieten mi-a spus ca vrea sa cumpere de la cineva un blog hostat pe platforma blogger - blogspot si ma intreba care ar fi cea mai buna metoda de mutare a blogului dintr-un cont de blogger in altul.
Dupa cateva cautari pe Google am gasit un articol scris chiar de cei de la blogger, care explica modul in care se poate muta un blog dintr-un cont in altul.
Dupa ce am urmat pasii din articolul respectiv, am reusit sa mut un blog dintr-un cont in altul.

Mai jos am sa va arat pas cu pas procesul de mutare a blogului.
1. Intrati in contul vostru blogger.
2. Gasiti blogul pe care vreti sa-l mutati si intrati la Setari --> Autorizaţii.

3. Dati clic pe butonul Adaugati Autori pentru a trimite o invitatie celui care va prelua blogul.

4. Introduceti adresa de e-mail cu care se logheaza in contul lui cel va prelua blogul. Apasati butonul Invitati.

5. Asteptati ca cel invitat sa accepte invitatia voastra.

6. Dupa ce vi s-a acceptat invitatia, intrati din nou la Setari --> Autorizaţii si la Autori blog veti vedea ca a aparut ca autor si cel caruia i-ati trimis invitatia.

7. Pentru ca cel invitat sa aiba acces si la celelalte setari ale blogului va trebui sa ii acordati acestuia privilegii de administrator. Acest lucru se face dand clic pe link-ul acordaţi privilegii de administrator

8. In acest moment cei doi au drepturi egale asupra blogului respectiv.

Cel invitat poate revoca si el drepturile de administrator al celuilalt autor (cel original) prin apasarea link-ului revocarea privilegiilor de administrator si poate deasemenea sa il elimine definitiv pe celalalt autor (cel original) prin accesarea link-ului eliminati.

9. Pasul final in mutarea blogului dintr-un cont in altul este accesarea de catre cel invitat a link-ului eliminati din dreptul autorului original.

Atentie:
Postarile scrise de autorul original vor ramane in continuare pe blog, dar cu numele acestuia ca autor.
Pozele uploadate de autorul original vor ramane in continuare pe blog, dar daca autorul original isi sterge contul blogger atunci imaginile vor disparea.

Modifica dimensiunile imaginilor din gadgetul Postari populare

2011-04-17T03:08:00.000-07:00

Vi se par prea mici imaginile din gadgetul "Postari populare"? Sau poate prea mari? Ei bine, cu o mica modificare in codul sablonului puteti sa dati ce dimensiuni doriti imaginilor din gadget.

Iata ce trebuie sa faceti pentru a modifica dimensiunile:
1. Intrati la Design --> Elemente de pagina si adaugati obiectul gadget Postari populare. Lasati acest titlu petru gadget sau datii unul nou.
2. Intrati la Design --> Editati html si ca de fiecare data cand editam codul sablonului, faceti o copie de siguranta.
Important: Bifati casuta pentru extinderea codului sablonului.
3. Cu ajutorul combinatiei de taste Ctrl+F cautati dupa titlul obiectului gadget (Postari populare sau titlul dat de voi)

Veti gasi acest grup de coduri:

<b:widget id='PopularPosts1' locked='false' title='Postări populare' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
   <ul>
   <b:loop values='data:posts' var='post'>
   <li>
   <b:if cond='data:showThumbnails == "false"'>
   <b:if cond='data:showSnippets == "false"'>
   
   <a expr:href='data:post.href'><data:post.title/></a>
   <b:else/>
   
   <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
   <div class='item-snippet'><data:post.snippet/></div>
   </b:if>
   <b:else/>
   <b:if cond='data:showSnippets == "false"'>
   
   <div class='item-thumbnail-only'>
   <b:if cond='data:post.thumbnail'>
   <div class='item-thumbnail'>
   <a expr:href='data:post.href' target='_blank'>
   <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
   </a>
   </div>
   </b:if>
   <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
   </div>
   <div style='clear: both;'/>
   <b:else/>
   
   <div class='item-content'>
   <b:if cond='data:post.thumbnail'>
   <div class='item-thumbnail'>
   <a expr:href='data:post.href' target='_blank'>
   <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
   </a>
   </div>
   </b:if>
   <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
   <div class='item-snippet'><data:post.snippet/></div>
   </div>
   <div style='clear: both;'/>
   </b:if>
   </b:if>
   </li>
   </b:loop>
   </ul>
   <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

4. Daca ati ales doar titlul postarii si imagine (fara fragment de text) atunci va intereseaza aceasta parte:

   
   <div class='item-thumbnail-only'>
   <b:if cond='data:post.thumbnail'>
   <div class='item-thumbnail'>
   <a expr:href='data:post.href' target='_blank'>
   <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
   </a>
   </div>
   </b:if>
   <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
   </div>
   <div style='clear: both;'/>
   <b:else/>

Inlocuiti codurile scrise cu rosu, cu aceasta linie:

<img alt='' border='0' height='50px' expr:src='data:post.thumbnail' width='50px'/>

Numerele marcate cu rosu reprezinta dimensiunile imaginii. Modificati-le cum doriti.
Previzualizati si daca va plac noile dimensiuni, puteti salva sablonul.

5. Daca pe langa imagine ati ales sa afisati si fragment din text atunci acesta este codul care va intereseaza:

   
   <div class='item-content'>
   <b:if cond='data:post.thumbnail'>
   <div class='item-thumbnail'>
   <a expr:href='data:post.href' target='_blank'>
   <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
   </a>
   </div>
   </b:if>
   <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
   <div class='item-snippet'><data:post.snippet/></div>
   </div>

Inlocuiti codurile scrise cu rosu, cu aceasta linie:

<img alt='' border='0' height='50px' expr:src='data:post.thumbnail' width='50px'/>

Numerele marcate cu rosu reprezinta dimensiunile imaginii. Modificati-le cum doriti.

Previzualizati si daca va plac noile dimensiuni, puteti salva sablonul.

Note:
- Puteti inlocui in ambele locuri pentru a nu trebui sa mai modificati codurile daca treceti de la o setare la alta..
- Modificarea sablonului in designerul de sabloane nu reseteaza dimensiunile imaginilor.
- Modificari ale setarilor din obiectul gadget "Postari populare" nu reseteaza dimensiunile imaginilor.
- Daca eliminati obiectul gadget "Postari populare" si apoi il instalati din nou duce la resetarea dimensiunilor imaginilor. Va trebui sa urmati din nou pasii din acest tutorial.

Afiseaza postari asemanatoare de la LinkWithin doar in pagina postarii

2011-04-16T07:38:00.000-07:00

De obicei widgetul cu postari asemanatoare cu imagine de la LinkWithin se afiseaza la sfarsitul fiecarei postari. Dar, din pacate widgetul afiseaza postarile asemanatoare si la sfarsitul fiecarei postari din pagina principala, eticheta sau arhiva.

Probabil ca pe multi nu ii deranjeaza acest lucru, dar daca doriti ca postarile asemanatoare sa apara doar in pagina postarilor, acest lucru este posibil datorita trucului pe care il voi descrie mai jos.

Deci, daca doriti sa afisati widgetul doar in pagina postarilor, iata ce trebuie sa faceti:

1. Intrati la Design --> Elemente de pagina si gasiti obiectul gadget LinkWithin care contine codul pentru postari asemanatoare. Dati clic pe Editati si copiati intr-un fisier Notepad codul din obiectul gadget.
Pentru ca trucul sa functioneze, codul trebuie pus intre aceste doua linii de cod, astfel:

<b:if cond='data:blog.pageType == "item"'>
Cod LinkWithin
</b:if>

Eliminati definitiv obiectul gadget.

2. Intrati la Design --> Editati html si ca de fiecare data cand editam codul sablonului, faceti o copie de siguranta a sablonului.
Important: Bifati casuta de extindere a codului sablonului.

3. Cu ajutorul combinatiei de taste Ctrl+F, gasiti acest cod:

<data:post.body/>

Imediat dupa el adaugati codul din fisierul Notepad. Vedeti exemplu urmator:

<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
Cod LinkWithin
</b:if>

4. Previzualizati si daca nu apare nicio eroare, salvati sablonul. Intrati pe blog si vedeti daca widgetul apare doar in pagina postarii.

Vedeti si filmuletul facut de mine pentru a va putea orienta mai bine.

Cum sa afisezi widgetul LinkWithin doar in postare.

Vizualizari dinamice ale blogurilor Blogger - blogspot

2011-03-31T09:11:00.000-07:00

Incepand de astazi Blogger introduce noi modalitati de vizualizare ale blogurilor blogspot. Se folosesc limbajele AJAX, HTML5 si CSS3 pentru a introduce 5 noi modalitati de vizualizare a blogurilor: Flipcard, Mosaic, Sidebar, Snapshot si Timeslide
Sunt introduse deocamdata ca preview, dar probabil ca varianta finala va fi putin diferita.

Pentru a va vedea blogurile in aceste noi forme de prezentare trebuie sa adaugati la url-ul blogului vostru cuvantul view cu bara slash inainte: /view

Exemplu: http://bloggerajutor.blogspot.com/view

Pentru ca blogul vostru sa poata fi vizualizat astfel trebuie sa va asigurati ca la Setari --> Formatare --> Activaţi vizualizările dinamice este selectata optiunea Da si ca fluxul de feduri este setat pe Complet. (Setari --> Feed de site --> Se permit feeduri de blog --> Complet)

Clic pe butoane pentru a vedea blogul meu in cele 5 modalitati de vizualizare.

Vizualizari dinamice

Cum sa creezi o pagina de Facebook pentru blog - Video

2011-03-21T06:14:00.000-07:00

In acest video veti vedea cum sa creati o pagina Facebook pentru blogul vostru. Varianta din video necesita sa aveti deja un profil Facebook.

Link direct pentru a crea o pagina Facebook.

Cum sa creezi o pagina de Facebook pentru blog

Acest video are fisier text atasat. Daca nu porneste direct, dati clic pe butonul CC din bara de unelte a playerului.

Mai jos aveti pasii care apar scrisi in subtitrarea videoului:
1. Dupa ce ai intrat in contul tau Facebook coboara in partea de jos a paginii.
2. Click pe link-ul "Despre"
3. In partea din stanga da click pe "Creează Pagină"
4. Alege varianta "Marcă sau produs"
5. Alege categoria "Pagină web" si introdu titlu dorit
6. Bifeaza casuta "I agree to Facebook Pages Terms". Click pe butonul "Incepe"
7. Pagina a fost creata
8. De aici setarile sunt la fel ca si la contul normal de Facebook

Rezolvare problema cu formularul de comentarii in paginile statice

2011-03-20T08:43:00.001-07:00

De cand blogger a introdus designer-ul de sabloane foarte multi bloggeri aleg sa-si creeze sablonul acolo. Dar mai sunt si altii care isi doresc ca sablonul lor sa fie mai deosebit si il descarca de pe internet.

Nu e nicio problema in asta pentru ca foarte multe dintre ele sunt codate bine si foarte multe arata excelent ca design. Problema este ca multe dintre ele sunt facute inainte ca paginile statice sa fie introduse ca optiune pe blogger si astfel, din ele lipseste codul care face ca formularul de comentarii sa apara in paginile statice.

Dar nu va faceti griji, codul se poate adauga mai tarziu si totul se rezolva, foarte usor.

Iata ce trebuie sa faceti daca aveti o astfel de problema:
1. Asigurati-va ca la Optiunile de publicare ale paginilor statice aveti bifata optiunea Permiteti

2. Intrati la Design --> Editati Html
3. Faceti o copie de siguranta a sablonului.
4. Bifati casuta de extindere a codului sablonului (important)
5. Cu ajutorul combinatiei de taste Ctrl+F gasiti aceasta linie de cod:

<b:include data='post' name='post'/>

6. Dupa ce ati gasit-o, imediat dupa ea adaugati aceste coduri:

<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>

7. Salvati sablonul si verificati daca formularul a aparut. Succes!