Totul despre Blogger

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!

Gadget nou pe Blogger: Urmariti prin E-mail

2011-03-17T05:21:00.000-07:00

Incepand de ieri Blogger a adaugat un nou element gadget. Gadgetul se numeste Urmariti prin E-mail si il puteti adauga in sidebarul vostru din pagina: Design --> Elemente de pagina --> Adaugati un obiect gadget --> Urmariti prin E-mail.

Acest gadget simplifica la maxim punea unui formular de abonare prin e-mail pe blog. Tot ce trebuie sa faceti este sa adaugati gadgetul si blogger va crea automat un feed Feedburner pentru blogul vostru.

Pe blog formularul va arata asa:

Acum tot ce trebuie sa mai faceti este sa scrieti articole de calitate pentru ca vizitatorii blogului vostru sa-si doreasca sa se aboneze.

Statistica cu abonatii vostrii o puteti vedea intrand in contul vostru Feddburner.

Ce ne pregateste Blogger pentru 2011!

2011-03-14T11:06:00.000-07:00

Bloger se pregateste sa lanseze anul acesta 2 modificari destul de importante.
Va lansa o noua versiune de "Editor pentru postari" si o noua versiune de "Tablou de bord". Vedeti pozele mai jos.

Ce parere aveti? Arata mai bine noile versiuni?

Bloguri utile: Blog Help - Tutoriale Blogger / Blogspot

2011-03-09T10:50:00.000-08:00

Din categoria site-uri utile, va voi prezenta un blog care mi s-a parut foarte util pentru cei care au un blog pe platforma blogger - blogspot. (in afara de al meu :D)

Blogul se numeste Blog Help - Tutoriale Blogger / Blogspot si are putin peste 30 de tutoriale pentru bloggeri, unul mai bun ca altul. Multe la care m-am gandit si eu si multe care mi s-au cerut sa le scriu aici, dar din diferite motive nu am reusit sa le fac.

Cele mai interesante mi s-au parut cele enumerate mai jos, dar desigur ca sunt si altele:

- Cum trec de la domeniu blogspot la un domeniu personalizat
- Cum adaug Facebook Like box pe blog?

Widget-ul "Persoane interesate" pus intr-o pagina statica

2011-01-30T11:18:00.000-08:00

Dupa cum probabil stiti unul din gadgeturile de baza pe care le puteti adauga din pagina "Elemente de pagina" se numeste "Persoane interesate". Rolul lui este sa afiseze in sidebar un widget cu iconitele bloggerilor interesati de blogul vostru, bloggerii care urmaresc postarile de pe blogul vostru.

Din pacate optiunile de setare ale acestui widget sunt foarte putine si se refera numai la fonturi, nicidecum la latimea sau inaltimea widgetului si in niciun caz la dimensiunile iconitelor.
Asa ca daca numarul de bloggeri interesati de blogul vostru este mare, ei nu vor fi afisati toti in widgetul din sidebar.
Nu ca ar fi o tragedie, dar e bine sa stiti ca exista totusi o metoda prin care ii puteti afisa pe toti si pe deasupra puteti mari si dimensiunea iconitei. Mai mult de atat, persoanele interesate pot fi afisate intr-o pagina statica sau intr-un obiect gadget de genul "HTML/JavaScript"

Haideti sa vedem cum putem face acest lucru:
1. Asigurati-va ca aveti widgetul "Persoane interesate" adaugat in sidebar. Daca ii schimbati denumirea din "Persoane interesate" in altceva, atunci retineti acea denumire.

2. Intrati pe blogul vostru, dati clic dreapta intr-un loc oarecare si din meniul deschis alegeti sa vedeti sursa paginii.
Apasati combinatia de taste Ctrl+F si in caseta de cautare scrieti titlul obiectului gadget.
Veti gasi un cod asemanator cu acesta:

Acesta e codul javascript care genereaza widgetul "Persoane interesate". Selectati codul pe care l-ati gasit in sursa paginii, si copiati-l intr-o pagina statica sau intr-un element gadget "HTML/JavaScript"

Important
In pagina statica codul trebuie adaugat in modul "Editati html" al editorului de text. Dupa ce ati copiat codul, previzualizati postarea pentru a vedea daca persoanele interesate apar.
Numarul 32 reprezinta dimensiunea in pixeli a iconitei. Daca doriti o puteti face mai mare prin simpla schimbare a numarului 32 cu un numar mai mare.
Numarul 260 reprezinta inaltimea in pixeli a widgetului. Modificati in ambele locuri numarul 260 cu o valoare mai mare.

Poze cu efect Lightbox automat pe Blogger - blogspot

2011-01-30T04:28:00.000-08:00

In primul rand, daca nu stiti ce este efectul Lightbox, dati clic pe imaginea din aceasta postare si veti vedea despre ce este vorba.

Dupa cum stiti, la un blog pozele sunt foarte importante, de aceea v-am prezentat deja cateva efecte pentru a le pune in evidenta. A venit acum si randul efectului Lightbox pentru a fi prezentat.

Sunt multe tutoriale pe net despre efectul Lightbox, dar toate implica adaugarea la codul pozei a atributului rel="lightbox". Insa, aceste coduri gasite aici, fac ca acest atribut sa nu mai fie necesar. Scriptul face toata treaba si din fericire functioneaza si pe sabloanele descarcate de pe net dar si pe cele create cu ajutorul designerului de sabloane de la blogger.

Are insa si mici probleme de care trebuie sa tineti cont pentru ca efectul Lightbox sa functioneze la toate pozele.
1. Inainte blogger adauga la link-ul imaginii o cratima si un h, in genul acesta:

<a href="http://2.bp.blogspot.com/_i6co2fwMbTo/S4Pn5BtYkfI/AAAAAAAALXI/VYC6RLsmxBw/s1600-h/logo_feed.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/_i6co2fwMbTo/S4Pn5BtYkfI/AAAAAAAALXI/VYC6RLsmxBw/s320/logo_feed.png" /></a>

Daca observati ca efectul nu functioneaza, atunci pozitionati mouse-ul pe imagine si vedeti daca in url-ul pozei este adaugat -h. Daca este atunci intorceti-va la editorul de text, intrati in modul Editati html si stergeti -h.

2. O alta problema pe care am observato este cu terminatia JPG scrisa cu litere mari. Daca poza voastra are terminatia scrisa astfel, tot ce trebuie sa faceti este sa inlocuiti JPG cu jpg. E posibil ca aceasta problema sa se regaseasca si la pozele cu terminatia png si gif.

Daca mai observati si alte probleme, lasati un comentariu si voi incerca sa gasesc o solutie.

Efectul Lightbox functioneaza si la pozele hostate in alta parte, dar codul pozei trebuie sa arate in felul acesta:

<a href="http://files.myopera.com/nikkoss29/albums/249992/snoop%20doggy%206.jpg"><img src="http://files.myopera.com/nikkoss29/albums/249992/thumbs/snoop%20doggy%206.jpg_thumb.jpg" alt="" /></a>

si nu asa:

<img src="http://files.myopera.com/nikkoss29/albums/249992/thumbs/snoop%20doggy%206.jpg_thumb.jpg" alt="" />

Deci trebuie sa contina neaparat link spre o poza.

Adaugarea scriptului
Tot ce trebuie sa faceti este sa intrati la Design --> Editati html si cu ajutorul combinatiei de taste Ctrl+F sa cautati acest cod: </head>
Odata gasit, adaugati codurile de mai jos inaintea lui. Daca nu merge inainte de </head>, incercati inainte de </body> .


<link href='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
<script src='http://rilwis.googlecode.com/svn/trunk/blogger/lightbox.min.js' type='text/javascript'></script>


Salvati si faceti proba efectului Lightbox.

Articolele tale iti apartin?

2010-12-22T08:20:00.000-08:00

Fara prea multe comentarii, iata discutia dintre mine si cineva care a copiat cateva articole de pe blogul meu.

Cateva mentiuni totusi:
Am scris cateva comentarii pe blogul lui in care ii ceream sa stearga articolele mele. Din cauza imi zice ca fac reclama la blogul meu.
Articolul cu widget Facebook - Apreciaza si distribuie, cel care zice el ca nu este al meu. Nu stiu ce metoda de copiere a folosit, dar a copiat si anunturile adsense, pentru ca m-am uitat in codul sursa si am vazut id-ul meu de editor de la adsense.

Dati clic pe poza pentru a vedea discutia. Daca tot nu se vede, salvati poza si vedeti-o in calculator.

Ca incheiere: Acum nu mai ma deranjeaza pentru ca am realizat ca nu are rost sa ma mai zbat. Blogul era facut ca sa fie de ajutor celor care sunt la inceput pe aceasta platforma, asa ca daca cineva crede ca preluand vreun articol de pe acest blog va ajuta la randu lui pe altcineva, e liber sa o faca.

Cum sa personalizezi o pagina statica

2010-11-10T06:45:00.000-08:00

Pe blogger paginile statice arata la fel ca si o postare obisnuita, ele continand si sidebarul si footerul. Daca de exemplu vreti sa puneti un video intr-o pagina statica atunci va trebui sa il puneti cu o latime egala cu latimea corpului postarii. Dar daca vreti ca playerul video sa fie foarte lat, poate chiar cat latimea sablonului, atunci din pacate nu este o optiune care sa va permita sa faceti acest lucru.
Pentru a intelege mai bine despre ce vorbesc vedeti aceasta pagina. Demo.

Si totusi, cum Blogger ne lasa sa editam codul sablonului exista posibilitatea sa facem acest lucru cu ajutorul tagurilor conditionale pe care blogger le foloseste in sablon.
Putem folosi aceste taguri pentru a personaliza o singura pagina statica, toate paginile statice si chiar postare normala.
O singura observatie ar mai fi, si anume: acest truc functioneaza (in forma in care va prezint codul lui) in sabloanele vechi gen Minima, Denim, Rounders, etc si in cele create cu designerul de sabloane. Cei care au sabloane luate de pe alte site-uri vor trebui sa gaseasca id-ul sidebarurilor si a footerului si sa inlocuiasca in cod denumirile.

Personalizarea paginilor statice in sabloanele vechi
1. Intrati la Design --> Editati html si faceti o copie de siguranta a sablonului. Lasati nebifata casuta pentru extinderea codului.
2. Cu ajutorul combinatiei de taste Ctrl+F gasiti acest cod: <body>
3. Dupa ce l-ati gasit, copiati imediat dupa el urmatorul grup de coduri:
(Pentru personalizarea paginilor dupa url)


<b:if cond='data:blog.url == "PUNE URL-UL TAU AICI"'>
<style>
.blog-pager, .footer, .post-footer, .feed-links, .sidebar { display:none !important;}
#main-wrapper {width: 95%; float:none; background:#C9C6B8; margin: 0 auto !important;}
</style>
</b:if>


Codul de mai sus personalizeaza un singur url, fie el pentru pagina statica sau pentru postare obisnuita.
Daca doriti ca toate paginile statice sa arate la fel atunci trebuie sa inlocuiti codul scris cu rosu cu acesta:

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

Obtiuni si observatii:
Codurile scrise cu verde reprezinta parti ale sablonului care nu vor aparea in pagina respectiva. Ele pot fi sterse in functie de dorinta voastra.
.blog-pager,   --> reprezinta partea cu navigatia (postari mai vechi si postari mai noi) Daca doriti sa apara in pagina atunci stergeti acest cod.
.footer,            --> reprezinta partea de jos a sablonului.
.post-footer,   --> partea de jos a postarii
.feed-links,     --> link-urile cu fedurile de sub postare
.sidebar        --> reprezinta sidebarul

Codurile CSS scrise cu albastru sunt definitii ale corpului postarii si definesc modul cum corpul postarii va fi afisat in pagina.
In afara de background:#C9C6B8; restul trebuie sa ramana asa cum sunt. Codul care defineste fundalul postarii il puteti sterge daca nu doriti un fundal aparte, sau il puteti personaliza folosind generatorul de culori.

Personalizarea paginilor statice in sabloanele facute cu designerul de sabloane.
1. Intrati la Design --> Editati html si faceti o copie de siguranta a sablonului. Lasati nebifata casuta pentru extinderea codului.
2. Cu ajutorul combinatiei de taste Ctrl+F gasiti acest cod:

<body expr:class='"loading" + data:blog.mobileClass'>

3. Dupa ce l-ati gasit copiati imediat dupa el urmatorul grup de coduri:
(Pentru personalizarea paginilor dupa url)



<b:if cond='data:blog.url == "PUNE URL-UL TAU AICI"'>
<style>
.blog-pager, .footer, .footer-outer, .post-footer, .feed-links, .sidebar, .fauxcolumn-right-outer, .fauxcolumn-left-outer { display:none !important;}
.main-inner .columns {width: 100%;padding-left:0 !important; background:#C9C6B8; padding-right:0 !important;}
</style>
</b:if>


Obtiuni si observatii:
Codurile scrise cu verde reprezinta parti ale sablonului care nu vor aparea in pagina respectiva. Ele pot fi sterse in functie de dorinta voastra.
.blog-pager,      --> reprezinta partea cu navigatia (postari mai vechi si postari mai noi) Daca doriti sa apara in pagina atunci stergeti acest cod.
.footer,               --> reprezinta partea de jos a sablonului.
.footer-outer,     --> reprezinta cele 3 footere (daca alegeti sa aveti 3 footere atunci cand creati sablonul)
.post-footer,      --> partea de jos a postarii
.feed-links,        --> link-urile cu fedurile de sub postare
.sidebar             --> reprezinta sidebarul
.fauxcolumn-right-outer,    --> reprezinta linia care desparte corpul postarii de sidebar
.fauxcolumn-left-outer       --> reprezinta linia care desparte corpul postarii de sidebar

Codurile CSS scrise cu albastru sunt definitii ale corpului postarii si definesc modul cum corpul postarii va fi afisat in pagina.
In afara de background:#C9C6B8; restul trebuie sa ramana asa cum sunt. Codul care defineste fundalul postarii il puteti sterge daca nu doriti un fundal aparte, sau il puteti personaliza folosind generatorul de culori.
Truc inspirat de aici: Apply different layout/styling to static pages

Cum sa pui mai multe postari intr-o pagina statica

2010-11-07T01:31:00.000-07:00

Foarte multi utilizatori Blogger m-au intrebat cum pot pune mai multe postari intr-o pagina statica.
Din pacate acest lucru nu este posibil deoarece o pagina statica este acelasi lucru cu o postare simpla, singura diferenta este ca pagina statica nu apare in pagina de pornire a blogului.
Multi confunda pagina statica cu etichetele. Dar ele sunt 2 lucruri total diferite.

Si cu toate astea sunt vreo 2 metode prin care puteti face asta.

1. Prima metoda este punerea in meniu a unei etichete.
In loc sa mai creati o pagina statica, adaugati in meniu, link-ul unei categorii. Va puteti folosi de acest tutorial pentru a vedea cum sa puneti orice link in meniul paginilor statice.

2. A doua metoda implica crearea unei pagini statice si adaugarea in ea a unui script javascript care sa preia toate postarile dintr-o anumita eticheta.
Pagina Demo
Cerinte pentru ca widgetul sa functioneze corect:
a. Intrati la Setari --> Feed de site --> Feed de postări pe blog si alegeti optiunea Complet.
b. Puneti toate postarile care vreti sa apara in pagina statica intr-o eticheta.
c. Instalarea widgetului (codul javascript)

Intrati la Editati pagini si alegeti sa editati pagina statica dorita. Intrati in modul Editati html al editorului de text si copiati urmatorul cod acolo unde doriti sa apara postarile. Reveniti in modul Scrieti si previzualizati pagina. Daca arata asa cum doriti puteti sa publicati pagina.
Atentie: In modul Scrieti widgetul nu afiseaza nimic.
Atentie: Cititi cu atentie personalizarea widgetului

<script type="text/javascript">
imgr = new Array();
imgr[0] = "http://1.bp.blogspot.com/_i6co2fwMbTo/TNVV4NOc2lI/AAAAAAAAMeI/0UFrEmg_JC8/s1600/fara_imagine.jpg";
imgr[1] = "http://1.bp.blogspot.com/_i6co2fwMbTo/TNVV4NOc2lI/AAAAAAAAMeI/0UFrEmg_JC8/s1600/fara_imagine.jpg";
imgr[2] = "http://1.bp.blogspot.com/_i6co2fwMbTo/TNVV4NOc2lI/AAAAAAAAMeI/0UFrEmg_JC8/s1600/fara_imagine.jpg";
imgr[3] = "http://1.bp.blogspot.com/_i6co2fwMbTo/TNVV4NOc2lI/AAAAAAAAMeI/0UFrEmg_JC8/s1600/fara_imagine.jpg";
imgr[4] = "http://1.bp.blogspot.com/_i6co2fwMbTo/TNVV4NOc2lI/AAAAAAAAMeI/0UFrEmg_JC8/s1600/fara_imagine.jpg";
showRandomImg = false;
tablewidth = 500;
cellspacing = 1;
borderColor = "#30a1db";
bgTD = "#ffffff";
imgwidth = 70;
imgheight = 50;
fntsize = 14;
acolor = "#255ED1";
aBold = true;
icon = " • ";
text = "com";
showPostDate = true;
summaryPost = 350;
summaryFontsize = 12;
summaryColor = "#000000";
icon2 = " → ";
numposts = 25;
rc_feedLink = "http://bloggerajutor.blogspot.com/feeds/posts/default/-/Blogger%20Tips";
</script>
<script src="http://recent-posts.googlecode.com/files/postari_recente.js" type="text/javascript">
</script>

Personalizati widgetul - modificari pe care le puteti face si care trebuie neaparat facute
tablewidth = 450; latimea widgetului - modificati valoarea in functie de latimea corpului postarii blogului vostru.
cellspacing = 1; dimensiunea liniei de la tabel
borderColor = "#30a1db"; culoarea bordurii (folositi generatorul de culori pt a genera codul culorii dorite)
bgTD = "#ffffff"; culoarea de fundal a tabelului (folositi generatorul de culori pt a genera codul culorii dorite)
imgwidth = 70; latimea imaginii in pixeli
imgheight = 50; inaltimea imaginii in pixeli
fntsize = 14; dimensiunea titlului postarii
acolor = "#255ED1"; culoarea titlului postarii
showPostDate = true; arata sau nu data postarii (true = da, false = nu)
summaryPost = 350; numarul de caractere din sumar
summaryFontsize = 12; dimensiunea textului din sumar
summaryColor = "#000000"; culoarea textului din sumar (folositi generatorul de culori pt a genera codul culorii dorite)
numposts = 25; numarul de postari care doriti sa apara (numarul de postari trebuie sa fie mai mic sau egal cu numarul de postari din categoria pe care o folositi - foarte important pt ca scriptul sa nu creeze probleme)
Foarte important - Va trebui sa modificati numarul de cate ori adaugati o postare in categoria respectiva.

rc_feedLink = "http://bloggerajutor.blogspot.com/feeds/posts/default/-/Blogger%20Tips";
- modificati numele blogului meu cu al vostru
- Blogger%20Tips este ultima parte a url-ului etichete-i Blogger Tips din blogul meu. Inlocuiti-o cu url-ul etichetei din care doriti sa afisati postari.

Exemplu url eticheta
http://bloggerajutor.blogspot.com/search/label/Blogger%20Tips

Script creat de: Recent Posts Widget With Thumbnail, Summary for BlogSpot

Widget Facebook "Apreciaza si distribuie acest post"

2010-10-18T06:04:00.000-07:00

In ultimul timp Facebook a devenit foarte popular printre bloggeri, care il folosesc pentru promovarea articolelor de pe blogurile proprii. Optiunile folosite sunt: optiunea de a distribui articole si optiunea "Imi place".

Folosindu-ma de widgetul creat de Facebook Like Box For Blogger, am modificat butonul care in widget-ul original doar trimetea catre pagina cu fani a bloggerului si am introdus un buton care distribuie articolul respectiv.
De asemenea am modificat textul (care de fapt e o poza) sa fie in romana.

Widgetul odata instalat v-a apare sub articol si doar in pagina articolului, el nefiind vizibil in pagina de start a blogului. El poate fi modificat foarte usor sa apara si in pagina de start, dar va voi arata la sfarsit cum sa faceti.

Daca doriti sa instalati acest widget, iata ce trebuie sa faceti:

1. Intrati la Design --> Editati html si faceti o copie a sablonului actual apasand link-ul "Descărcaţi şablonul complet". Faceti acest lucru pentru a avea o copie de siguranta in caz ca ceva nu merge bine atunci cand editati codul sablonului.

2. Bifati casuta care extinde codul sablonului. (important)

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

]]></b:skin>

Odata gasit, copiati inaintea lui acest grup de coduri (cod CSS)

/* Widget Facebook */
.fb_like_box {
margin-top:10px;
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background-color:#3B5999;
border:3px solid #2B2B2B;
margin-bottom:10px;
padding:10px 7px;
width:500px;
}
.fb_like_top {
overflow:visible;
padding:0;margin:0 0 5px;
width:349px;
height:24px;
background:url("http://4.bp.blogspot.com/_i6co2fwMbTo/TLoadVxMF8I/AAAAAAAAMXE/m8u8LcMRJXQ/s1600/text.png") no-repeat scroll left top transparent;
}
.fb_like_top a {
height:24px;
width:114px;
background:url("http://2.bp.blogspot.com/_i6co2fwMbTo/TLoaWPoFc9I/AAAAAAAAMXA/t3dzo1MhLcU/s1600/distribuie_buton.png") no-repeat scroll left top transparent;
display:block;
margin-left:385px;
text-indent:-5000px;
}

.fb_like_top a:hover {
background:url("http://1.bp.blogspot.com/_i6co2fwMbTo/TLodePAc4oI/AAAAAAAAMXI/9VLNBxmUzLI/s1600/distribuie_buton_hover.png") no-repeat scroll left top transparent;
}

.fb_like_button_holder {
-moz-border-radius:10px 10px 10px 10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
padding:12px 12px 0 12px;
width:475px;
height:42px;
}
/* sfarsit Widget Facebook */

4. Cu ajutorul combinatiei de taste Ctrl+F gasti acest cod:

<data:post.body/>

Dupa ce l-ati gasit adaugati imediat dupa el acest grup de coduri:



<b:if cond='data:blog.pageType == "item"'>
<div class='fb_like_box'>
<div class='fb_like_top'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Distribuiţi pe Facebook'/></div>
<div class='fb_like_button_holder'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px;height:30px;'/>
</div>
</div>

</b:if>


5. Previzualizati pentru a vedea daca ati gresit ceva si daca totul este in regula salvati si intrati pe pagina unei postari pentru a vedea cum arata widget-ul.
Daca ati gresit ceva veti fi avertizati ca este o eroare - daca va da eroare atunci apasati butonul "Stergeti editarile" si incercati din nou.

Ce puteti modifica:

- marimea widget-ului
widget-ul este setat la o latime de 500 de pixeli. Voi trebuie sa o aduceti la latimea corpului postarii blogului vostru. Modificati valoarea scrisa cu rosu (500px) cu valoarea pe care o doriti.
Dupa ce ati modificat aceasta valoare trebuie sa modificati si valorile scrise cu albastru. Cu cat modifati mai sus, asa modificati si la aceste valori. Adaugi 50 mai sus, adaugi 50 si la cele cu albastru. Scazi 50 mai sus, scazi 50 si la cele cu albastru

- culoarea widget-ului
modificati codul scris cu verde cu ce cod pentru culoare doriti.
Aici aveti un generator pentru culori pe care il puteti folosi.

- daca doriti ca widget-ul sa apara si in pagina de inceput atunci stergeti cele doua linii scrise cu roz

2 noi gadgeturi pe Blogger - "Postări populare" si "Statisticile blogului"

2010-08-31T06:45:00.000-07:00

Dupa cum va anuntam acum cateva saptamani, blogger introdusese un nou tab principal, si anume Statisticile blogului.
Pana astazi statisticile erau disponibile doar in versiunea Blogger in draft, dar incepand de astazi le puteti accesa si in varianta normala a platformei Blogger.

Odata cu aceasta optiune si legate de statistici, blogger creaza si doua noi obiecte gadget disponibile deocamdata in Blogger in draft. Obiectele gadget se numesc "Postări populare" si "Statisticile blogului".

Ele pot fi accesate astfel:
Intrati pe http://draft.blogger.com, apoi in tabul Design --> Elemente de pagina si clic pe Adaugati un obiect gadget. In fereasta deschisa ele vor aparea primele.

Postări populare
Gadgetul "Postări populare", dupa cum vedeti si in poza de mai jos ne ofera 2 optiuni:
"Cele mai vizualizate" postari in ultimele 7 zile, in ultimele 30 de zile sau de la inceputul blogului.
"Afiseaza" care pe langa titlul postari va ofera ocazia sa afisati si o poza din postare in miniatura, precum si un scurt fragment din postare.

Din pacate acest gadget este destul de sarac in optiuni, cel putin deocamdata. Ar fi fost necesara si o optiune care sa te lase sa alegi numarul de postari care vor fi afisate in gadget sau numarul de caractere din fragment si de ce nu si dimensiunile imaginii.
Gadgetul "Postări populare" afiseaza 10 postari.

Gadgetul "Statisticile blogului" este destul de simplu si ne ofera cateva optiuni de a modifica stilul in care arata numarul de afisari. Din pacate, deocamdata functioneaza doar afisarea numarului de afisari, imaginea nu apare deloc. Probabil ca in timp vor remedia si aceasta problema.

Statisticile sunt un lucru important pentru un site sau pentru un blog. Ele ne spun de unde vin vizitatorii, ce cuvinte cheie sunt reprezentative pentru blogul nostru, tara din ...citeste tot

Listele de linkuri (blogroll) afisate in linie

2010-08-05T12:28:00.000-07:00

Ai un blogroll prea lung care îţi ocupă mult spaţiu în sidebar? Vrei ca link-urile să fie afişate în linie şi nu unul sub altul? Iată ce trebuie să faci:

În primul rând trebuie ca blogroll-ul să fie creat într-un obiect gadget de tipul: "Lista linkuri".
Pentru a crea o astfel de listă intraţi la Design --> Elemente de pagină --> Adăugaţi un obiect gadget şi căutaţi opţiunea: "Lista linkuri". Introduceţi link-urile şi daţi un titlu listei, de genul "Blogroll"
Reţinând acest titlu, intraţi la Design --> Editaţi html şi aveţi grijă să nu fie bifata căsuţa pentru extinderea codului şablonului.

Folosind combinaţia de taste Ctrl+F găsiţi cuvântul (cuvintele) care formează titlul listei de link-uri.

Dacă aţi procedat corect, veţi găsi o linie de cod asemănătoare cu aceasta:

<b:widget id='LinkList1' locked='false' title='Blogroll' type='LinkList'/>

Pentru ca lista de link-uri să fie afişată în linie, ne vom folosi de id-ul acestui obiect gadget, căruia îi vom aplica câteva definiţii CSS.
Id-ul obiectului gadget este cel scis cu roşu şi la el poate diferi doar numărul scris după LinkList.

După ce aţi găsit id-ul listei, căutaţi acest cod:

]]></b:skin>

şi înaintea lui copiaţi acest cod :

#LinkList1 li{
display:inline;
list-style-type: none;
padding:0px;
margin:0px 8px 0 0;
}

Nu uitaţi să modificaţi id-ul.
Cifra 8 reprezintă distanţa dintre link-uri.

Previzualizaţi şi dacă vă place cum arată, salvaţi şablonul.