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

vineri, 30 iulie 2010

Cum sa afisezi cod html in postare pe Blogger

 Afisarea codului html al unui banner sau a codului unui script intr-o postare pe blogger ridica multora dintre noi unele probleme. Asta deoarece editorul de text din blogger interpreteaza automat orice cod html care este scris in modul "Scrieti" al editorului.

Insa de ceva timp Blogger a adaugat o noua optiune la modul de lucru al editorului, si anume: optiunea "Setări pentru compunere".Aceasta optiune vine cu doua variante:

1. "Interpretează codul HTML introdus" - daca bifati aceasta varianta atunci editorul va interpreta si transforma orice cod html adaugat in modul "Scrieti" al editorului.
2. "Afişaţi HTML simplu" - odata bifata aceasta varianta, orice cod html care va fi scris in postare in modul "Scrieti" va ramane neschimbat si dupa ce veti publica postarea.

Optinea poate fi accesata astfel: La baza editorul este link-ul "Optiuni de postare" care odata apasat deschide o serie de optiuni printre care si aceasta. Vezi foto



luni, 19 iulie 2010

Categorii (etichete) sub forma de meniu derulant

Un widget "Etichete" afiseaza in sidebar toate categoriile pe care voi le creati.
Daca ai creat multe etichete si acestea iti ocupa mult loc in sidebar poate ar fi bine sa le restrangi pe toate intr-un meniu derulant.

Demo





Acest truc simplu va arata cum sa faceti asta.
Iata pasii pentru a transforma lista cea lunga de etichete intr-o lista derulanta.

1. Pentru ca acest truc sa mearga este necesar sa ai deja adaugat widgetul Etichete. O puteti face intrand la Design --> Elemente de pagina --> Adaugati un obiect gadget si clic pe optiunea Etichete.

2. Intra la Design --> Editati html si fa o copie a sablonului pentru orice eventualitate.
3. Ai grija sa nu fie bifata casuta de extindere a sablonului. (important)
4. Cautati aceasta linie de cod:

<b:widget id='Label1' locked='false' title='Etichete' type='Label'/>

duminică, 18 iulie 2010

Cum sa adaugi orice link in meniul paginilor statice

Anul acesta Blogger a introdus optiunea de a crea pagini statice si de a le lega intr-un meniu. Din pacate in meniu nu pot fi legate decat paginile statice create, neexistand o optiune de a pune si un link strain sau de la o postare oarecare din blog.


Totusi, pentru ca blogger ne ofera acces la codul html al blogului exista o metoda de a pune in meniu si un link care nu este al paginilor statice.

Update:
Acum blogger a pus la dispozitie o metoda foarte simpla pentru a adauga un link in meniul paginilor statice.
Vezi aici tutorialul: Adaugare link oriunde in meniul paginilor statice

Iata ce trebuie sa faceti pentru a pune un link strain in meniu:

1. Intrati la Design si apoi la Editati html.
2. Faceti o copie a sablonului pentru orice eventualitate.
3. Bifati casuta de extindere a codului sablonului.(important)


duminică, 28 martie 2010

Efect "Colt de pagina intors" pentru Blogger

Pentru a vedea ce este un colt de pagina intors uitati-va in coltul din dreapta al blogului meu sau intrati aici pentru demo. Pentru a vedea cum functioneaza treceti mouse-ul pe deasupra lui.

Utilizare efect:
1. In primul rand puteti pune o avertivare cu privire la abonarea la feed-ul blogului, asa cum este si in demo.
2. In al doilea rand puteti pune un link catre o pagina din blogul vostru pe care vreti ca vizitatorii sa o acceseze mai des.
3. O a treia intrebuintare ar fi punerea unui anunt prin care anuntati alte site-uri ca isi pot face publicitate chiar in acel loc. Si daca aveti cereri o puteti face schimband anumite parti din cod. Veti vedea la sfarsitul articolului cum sa faceti.
Daca va mai vine si altceva in cap cu atat mai bine.



Instalare efect - dificultate in instalare: medie
1. La punctul unu vom adauga in codul html al sablonului, codul CSS si codul JavaScript care genereaza efectul.
Intrati la Aspect --> Editati html si neaparat faceti o copie a sablonului, ca de fiecare data cand umblam la codul lui. Acest lucru poate fi util in cazul in care ceva nu merge cum trebuie si vom fi nevoiti sa revenim la forma actuala a sablonului.
Cu ajutorul combinatiei de taste Ctrl+F cautati acest cod:

</head>

vineri, 26 februarie 2010

Personalizati meniul paginilor statice - pe orizontala

De curand Blogger a oferit posibilitatea de a crea pagini statice si daca ati citit articolul scris de mine pe aceasta tema ati vazut ca pe langa optiunea de a crea pagini statice avem posibilitatea de a le lega automat intr-un meniu.
O optiune foarte importanta dupa parerea mea, scutind astfel pe multi de a se mai complica cu codurile html.
Dar din pacate Blogger nu ne ofera nici o posibilitate de a personaliza meniul, el fiind doar titlul pagini pe fundalul sablonului. Partea buna este ca avand acces la codul html al sablonului putem totusi sa ne facem singuri o personalizare a meniului.
In continuare am sa va arat cum sa personalizati meniul pe orizontala si pentru asta am pregatit coduri pentru 2 stiluri diferite de meniu.




Acest cuvant  PageList1  pe care il gasiti in codul pe care trebuie sa-l copiati in sablon reprezinta id-ul gadget-ului Pagini pe care vreti sa-l personalizati. El primeste acest id automat cand adaugati obiectul gadget. Deci in mod normal ar trebui ca atunci cand adaugati codul, meniul sa se personalizeze automat.

Daca nu merge, atunci o metoda usoara de a afla ce id are obiectul gadget Pagini pe care vreti sa-l personalizati este asta:
Intrati astfel: Aspect --> Elemente de pagina si localizati obiectul pe care vreti sa-l personalizati. Dati clic pe Editati pentru al edita. Cand pagina se deschide in pop-up dati clic pe butonul de marire a ei si sus in bara de adrese veti gasi un URL care se termina in:
sectionId=crosscol&widgetType=null&widgetId=PageList1
Cel scris cu rosu este id-ul

joi, 7 ianuarie 2010

Cum sa pui un formular de sondaj (poll) in postare

Dupa cum stiti Blogger ne ofera un widget prin intermediul caruia puteti face un sondaj de opinie pe blog si care se adauga foarte usor in sidebar.
Dar ce se intampla daca dorim sa facem un sondaj si formularul sa-l punem in interiorul unei anumite postari, el fiind astfel accesibil doar cand este citita aceasta postare?
Din pacate acest lucru nu este posibil, pentru ca widgetul se poate adauga doar in sidebar nu si in postare.

Dar, pentru ca Blogger ne ofera acest widget prin intermediul unui Iframe, (adica el este hostat pe alt server si cu ajutorul unui cod este embed-at pe blogspot), exista totusi o posibilitate de a pune formularul si in postare.




Iata ce trebuie sa faceti!
1. Duceti-va la Aspect --> Elemente de pagina --> Adaugati un obiect gadget si dati clic pe Sondaj.

2. In pagina de configurare a sondajului scrieti raspunsurile si setati data si ora de incheiere a sondajului.
Atentie: Aveti grija cum faceti setarile sondajului pentru ca nu veti mai putea sa le modificati.
Puneti o intrebare si salvati gadget-ul. El v-a apare in sidebarul blogului.

joi, 12 noiembrie 2009

Cum sa personalizezi link-ul Read more pe Blogger

Dupa cum stiti Blogger a introdus de curand optiunea Read more. Dar singura personalizare a link-ului pe care o ofera este doar inlocuirea textului default "Aflati mai multe" cu ce text doriti.
Dar ce se intampla daca vreti ca link-ul vostru sa fie deosebit de celelalte link-uri, sau sa aiba un fundal de alta culoare decat fundalul paginii, sau link-ul vostru sa fie de fapt o imagine? Blogger nu ofera nici o posibilitate de a face asta.

Din fericire acest lucru se poate face chiar de catre voi prin adaugarea unor grupuri de cod care sa personalizeze link-ul Read more.




1. Dar haideti sa vedem cum se face asta. In primul rand trebuie sa accesati pagina unde se afla codul sablonului prin urmarea acestei cai: Aspect --> Editati html. Asa cum spuneam de fiecare data, cand umblati la codul sablonului este bine sa faceti o copie a actualei forme a sablonului. Acest lucru se face prin accesarea link-ului "Descărcaţi şablonul complet" de la aceeasi pagina.

Daca link-ul de Read more apare in pagina voastra atunci cand intrerupeti textul, nu mai este necesar sa urmati acest pas.
2. Al doilea pas este sa bifati casuta de extindere a codului sablonului si sa vedeti daca aveti acest grup de coduri:

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

marți, 15 septembrie 2009

Rezolvare probleme cu optiunea Read more

De curand Blogger a introdus optiunea Read more pe blogurile blogspot. Aceasta optiune era asteptata de mult, iar echipa de la Blogger a facut ca aceasta optiune sa fie introdusa intr-un mod foarte usor si anume prin apasarea unui buton din bara de unelte a editorului de text. Apasand pe buton vedem ca in modul html al editorului se adauga o linie de cod care practic marcheaza intreruperea textului.

<!-- more -->

Din pacate aceasta optiune vine si cu cateva probleme pentru sabloanele existente. In postul de astazi va voi arata cateva probleme care apar si cum sa le rezolvati.



1. Prima problema care mi s-a semnalat este ca atunci cand adaugi optiunea de Read more la un articol sidebarul din dreapta cade sub coloana de postare.
Daca observati ca aceasta problema apare si la blogul vostru atunci trebuie ca dupa ce apasati butonul de Read more sa intrati in modul html al editorului si sa aveti grija ca acest cod care desparte textul

<!-- more -->

sa nu apara intre aceste 2 taguri <div>...</div>.
Deci textul vostru in format html nu trebuie sa arate asa:

<div style="text-align: center;">
textul care se vede
<!-- more -->
textul care se vede doar in pagina postarii
</div>

ci asa:

<div style="text-align: center;">
textul care se vede
</div>
<!-- more -->
textul care se vede doar in pagina postarii

Daca totusi trebuie sa despartiti textul acolo atunci inlocuiti cuvantul div cu span si codul va arata asa:

<span style="text-align: center;">
textul care se vede
<!-- more -->
textul care se vede doar in pagina postarii
</span>




2.Permitand accesul la codul sablonului, de-a lungul timpului s-au creat foarte multe noi sabloane compatibile cu Blogger, care ofera codul intr-un format xml si care incarcat pe blog inlocuieste tot codul original al sablonului.
De aici vine si urmatoarea problema. Dupa publicare desi articolul este taiat, link-ul de Read more nu apare la sfarsit. Aici practic trebuie sa introduceti un grup de cod care lipseste sablonului vostru.

Rezolvare:
Duceti-va la Aspect --> Editati html si bifati casuta care extinde codul sablonului. Apoi cautati acest cod:

<data:post.body/>

veti gasi acest grup de coduri:

    <div class='post-body entry-content'>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

Adaugati codul de mai jos imediat dupa acest grup de coduri:
Nota: Aveti grija ca el sa nu existe deja si defapt alta sa fie problema.

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

Acesta e practic codul care va afisa link-ul vostru.

3. O a treia problema ar fi ca desi butonul de Read more este apasat, textul nu este intrerupt deloc.

Rezolvare: 
Intrati in modul html al editorului si uitati-va la codul care intrerupe textul. Aveti grija ca el sa nu arate asa: <!--more--> ci asa <!-- more -->

Observati spatiul lasat inaite si dupa cuvantul more la codul cel bun.

Deocamdata aceste 3 probleme au fost semnalate. Voi posta aici solutia la alte probleme pe masura ce ele vor aparea. Daca vor mai aparea.


joi, 13 august 2009

Cum sa adaugi 3 coloane in footer pe Blogger

Dupa cum stiti blogurile de pe Blogger sunt prevazute cu o singura coloana pentru footer, exceptie facand doar sabloanele care sunt modificate deja.
3 coloane in footer-ul sablonului aduce un plus de flexibilitate  in adaugarea continutului, mai ales daca aveti widget-uri care nu au o latime prea mare.


Acest truc este gasit aici (Create Three Column Footer in Blogger)


Aceasta metoda creeaza 3 noi coloane in footer lasand totusi intacta coloana pe care o aveti deja in footer. Din pacate gadget-urile deja existente vor fi afectate, dar modalitatea de a le pastra este urmatoarea:
Inainte de a umbla la html-ul sablonului duceti-va la Aspect --> Elemente de pagina si mutati toate gadgeturile din footer in sidebar, sau sub postare. Asta pana cand vom modifica footer-ul, apoi le veti putea muta din nou la loc.

Acum vom trece la modificarea sablonului. Urmati calea Aspect --> Editati Html si primul lucru pe care il veti face este sa salvati o copie a sablonului, in calculatorul vostru.
Lasati casuta pentru extinterea sablonului NEBIFATA.

Cautati urmatorul cod:

]]></b:skin>

si inainte de el copiati codul de mai jos.

#footer-column-container {
clear:both;
}


.footer-column {
padding: 10px;
}

Al doilea pas consta in gasirea urmatorului grup de coduri:

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

Codul va arata asa doar daca ati mutat gadget-urile din footer, sau daca nu aveati oricum nici un gadget adaugat.
Acum pentru a termina treaba inlocuiti aceasta linie:
<b:section class='footer' id='footer'/>
cu acest cod:

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

Previzualizati pentru a vedea daca va da vreo eroare si apoi salvati. Duceti-va la Elemente de pagina si veti vedea ca cele 3 coloane s-au format, nemaitrebuind decat adaugarea de continut in ele. Observati ca a ramas si coloana originala. In ea puteti la fel sa adaugati continut, sau puteti sa o lasati goala.






Daca vreti sa personalizati footer-ul nu trbuie decat sa adaugati definitii dupa acest cod:
#footer-column-container {
dar daca folositi si footer-ul original atunci trebuie sa il personalizati si pe acesta.

marți, 21 iulie 2009

Cum sa modifici fundalul la sabloane pe Blogger

In acest acest tutorial as vrea sa va arat cum sa modificati culorile de fundal sau adaugarea de imagini la elementele unui sablon.
Priviti-l ca o continuare la celelalte 2 tutoriale despre cum sa creezi un sablon cu 3 coloane si cum sa creezi un sablon cu 3 coloane - varianta 2
Vom lucra din nou pe sablonul default de la Blogger si anume sablonul Minima. Pentru un aspect mai placut al sablonului vom modifica putin dimensiunile pe care le are acest sablon, dar vom ramane tot la un sablon cu 2 coloane (sidebar dreapta)

Sa zicem ca vrem ca sablonul nostru sa aiba corpul de 815 pixeli, cu o coloana de postare de 550 pixeli si un sidebar de 250 pixeli.

Pentru asta vom cauta urmatoarele coduri:

#header-wrapper {
#outer-wrapper {
#footer {

iar sub ele vom gasi aceasta linie: 

width: 660px;

modifica pe 660 cu 815 si astfel vom mari corpul sablonului, latimea header-ului si a footer-ului.

In acest moment daca previzualizati veti vedea ca latimea corpului sablonului a crescut dar coloana de postare si sidebar-ul au ramas la aceeasi dimensiune. Pentru a rezolva asta trebuie sa marim cele 2 elemente ale sablonului.

Pentru a mari coloana de postare (main-wrapper) cautati aceste coduri:

#main-wrapper {
  width: 410px;

si modifica pe 410 cu 565.

Pentru a mari latimea sidebar-ului cautati aceste coduri:

#sidebar-wrapper {
  width: 220px;

si modifica pe 220 cu 250.

Acum avem cele 2 elemente care adunate latimile ne da 815, exact cat ne doream. Dar daca previzualizati sablonul veti vedea ca cele 2 coloane sunt lipite una de alta. Pentru a rezolva si asta vom adauga o distanta de 15 pixeli intre ele.

Cautati acest cod:

#main-wrapper {

si imediat sub el adaugati aceasta linie

margin-right: 15px;

Previzualizati si vedeti ca sidebarul a cazut sub coloana de postare din cauza celor 15 pixeli adaugati. Aceasta problema o vom rezolva prin gasirea codului

#main-wrapper {

si putin mai jos prin gasirea codului care defineste latimea coloanei de postare

width: 565px;

modificati pe 565 cu 550.

Previzualizati si vedeti ca sidebar-ul a revenit pe pozitie. Acum sablonul nostru arata exact asa cum ne doream.



Dupa ce am adus corpul sablonului (#outer-wrapper) la latimea de 815 pixeli observam ca in stanga si dreapta avem ramasa o portiune nefolosita. Aceste portiuni plus tot spatiul de sub outer-wrapper formeaza fundalul (background-ul) sablonului. Acesta are o latime de 1024 pixeli.
Fundalul sablonului este dat de aceasta definitie:

body {
  background:$bgcolor;

in care body { reprezinta tot fundalul sablonului si este trecut in codul de mai sus pentru a sti ce sa cautati, iar background:$bgcolor; reprezinta codul care produce fundalul si de care ne vom ocupa in continuare.

La inceputul sablonului veti gasi acest text: /* Variable definitions iar sub el se afla toate codurile unde se pot modifica toate elementele care se pot schimba si din pagina "Fonturi si culori" , adica fundalul sablonului, culoarea textului, a link-ului, marimea fontului etc.

De exemplu pentru a modifica fundalul fara a umbla la definitia pe care am aratat-o mai sus, puteti modifica aici unde este scris cu rosu:

<Variable name="bgcolor" description="Page Background Color"
             type="color" default="#fff" value="#ffffff">


Si apoi fiecare linie de genul asta aplica cate o schimbare elementelor de care aminteam mai sus.

Am vazut ca pentru a modifica fundalul sablonului nu trebuie sa umblam la definitia pe care o are primita in portiunea body { a sablonului. Dar daca totusi dorim asta atunci modificarea va arata asa:

body {
  background: #857553;

Acum sablonul nostru v-a arata ca in poza de mai jos.



Puneti o poza ca fundal

Dar ce se intampla daca vreti sa puneti o poza drept fundal pentru blog. Pai sa zicem ca sunteti fan Batman si aveti un wallpapers care ar arata super drept fundal. In prima faza trebuie sa va hostati poza pe un host care va pune la dispozitie un link direct catre poza. Dupa ce aveti link-ul pozei ne intoarcem la editarea sablonului. Aici va recomand un program micut care recunoaste orice culoare (vezi aici cum functioneaza Pixie) si cu ajutorul lui eu am aflat ca partea de jos a pozei este negru perfect. Asta ma ajuta pentru ca vreau ca poza pusa ca fundal sa nu se repete pe toata lungimea sablonului, ci sa fie afisata decat odata.

Deci voi inlocui acest cod:

body {
  background:$bgcolor;

cu acesta

body {
  background:#000000 url('http://1.bp.blogspot.com/_i6co2fwMbTo/SmTvJPc2sCI/AAAAAAAAJ3M/a8SECdge7Zo/s1600/Dark_Knight6.JPG') no-repeat;

Daca previzualizati veti vedea ca fundalul sablonului este chiar poza noastra, dar daca derulam pagina , mai jos vedem ca fundalul este negru. Asta se intampla pentru ca pe langa faptul ca am pus o poza drept fundal, am pus si o culoare (#000000 - negru) care sa continue ca fundal sub poza.



Daca totusi vreti ca poza sa se repete doar pe lungime atunci codul va arata asa:

body {
  background:#000000 url('http://1.bp.blogspot.com/_i6co2fwMbTo/SmTvJPc2sCI/AAAAAAAAJ3M/a8SECdge7Zo/s1600/Dark_Knight6.JPG') repeat-y;

Previzualizati si vedeti ca poza se repeta la infinit, oricat de lung ar fi sablonul nostru. Observati ca am pastrat si culoarea pentru fundal; asta pentru ca poza ar putea fi mai mica de 1024 si atunci ar ramane spatiu neocupat. Acum ce va ramane de facut este sa modificati si culorile textului.

Ar mai fi si varianta in care nu vreti ca poza sa se deruleze odata cu celelalte parti ale sablonului, adica sa ramana in permanenta pe ecran chiar daca vizitatorul face scroul pentru a citi textul;

atunci codul va arata asa:

body {
  background:#000000 url('http://1.bp.blogspot.com/_i6co2fwMbTo/SmTvJPc2sCI/AAAAAAAAJ3M/a8SECdge7Zo/s1600/Dark_Knight6.JPG') no-repeat;
  background-attachment:fixed;

Salvati sablonul si veti vedea ca acum poza voastra ramane fixa pe ecran

Sa cautam pe Google cuvintele "web backgrounds" si vom da peste un site care ofera gratuit o gramada de fundaluri pe care le puteti folosi. Daca vreti sa le folositi copiati unul in calculator si apoi hostati-l pe un host gratuit care va ofera link direct catre poza.



Dupa cum vedeti poza noastra este foarte mica si nu acopera tot fundalul sablonului. Nu este nici o problema pentru ca fiind o poza special creata pentru fundaluri ea se poate repeta si pe latime si pe lungime facand un tot unitar. Asta se poate realiza astfel:

body {
  background: url('http://1.bp.blogspot.com/_i6co2fwMbTo/SmVaIp63xOI/AAAAAAAAJ3U/tx7kbempyK0/s1600/brown003.jpg');

Previzualizati si vedti ca poza noastra a acoperit tot fundalul. Daca analizam acest cod vedem ca am eliminat culoarea pentru fundal deoarece nu mai avem nevoie de ea, poza ocupand absolut toate spatiile din fundal. Am scos si functia de no-repeat si am lasat setarea implicita a codului care este de a se repeta si pe latime si pe lungime. Din nou ce va ramane sa faceti este sa schimbati culoarea textului.

O alta varianta pe care o voi prezenta este repetarea pe latimea blogului.
Tot pe site-ul pe care l-am gasit pe Google avem posibilitatea de a crea un fundal gradient, adica vom pleca de la o culoare si vom ajunge la alta. Vom avea deci pe fundalul sablonului 2 culori.

Aceste culori este bine sa nu fie prea diferite pentru ca textul sa poata fi citit pe ambele culori.

Intrati aici pe site-ul gasit si la pasul 1 bifati "Vertical", la pasul 2 puneti valoarea 500, iar la pasul 3 vom alege culorile fundalului. Le puteti alege pe care doriti din tabel, dar eu am ales un portocaliu (#ffeecc) la culoarea de sus si am lasat albu (#ffffff) la culoarea de jos. Derulati mai jos si dati clic pe "Make the Gradient Texture". In pagina deschisa va arata o montra de cum va arata fundalul vostru. Derulati un pic mai jos pana la "Instructions" si dati clic la punctul 1 pe "the texture". Se va deschide o noua pagina cu fundalul nostru si dupa cum vedeti este doar un firicel de culoare care trece de la portocaliu la albu.
Dati clic pe imagine pentru a mari.



Salvati poza si hostati-o pe hostul vostru. Acum dupa ce avem link-ul pozei vom merge la editarea sablonului si vom modifica codul fundalului astfel:

body {
  background:#ffffff url('http://3.bp.blogspot.com/_i6co2fwMbTo/SmVk8nZ1PiI/AAAAAAAAJ3c/gM2CpfZuL88/s1600/gradient81043431.png') repeat-x;

Previzualizati si vedeti ca fundalul nostru este acum in 2 culori, incepand de la portocaliu si pierzindu-se in alb. Analizand codul nostru vom vedea ca din nou avem o culoare ca fundal si anume albul care formeaza fundalul dupa ce se termina poza. Apoi observati ca dupa url-ul imaginii am pus functia de repeat-x. Aceasta face ca poza noastra subtire sa se repete pe toata latimea sablonului oricat de mare ar fi ea.

Ultima varianta pe care v-o prezint este repetarea pe lungime a unei poze foarte ingusta. Am gasit pe acest site un fundal care da impresia de
agenda sau cam asa ceva.
Clic pe imagine pentru a mari.



Cu aceasta poza codul nostru va arata asa:

body {
  background: url('http://2.bp.blogspot.com/_i6co2fwMbTo/SmVpBaLVDtI/AAAAAAAAJ3k/JKONhmfjr-w/s1600/bordb2.gif') repeat-y;

Previzualizati si vedeti in partea stanga efectul de agenda si faptul ca poza se repeta pe toata lungimea sablonului. Acest lucru se datoreaza functiei de "repeat-y" pe care i-am dat-o fundalului.

Ce v-am aratat eu aici sunt doar cateva metode a aplica un fundal nou unui sablon blogspot, dar se pot face o gramada de alte lucruri, depinde de cat de mult Css inveti si de imaginatia pe care o ai.

Aceste metode pe care le-am aratat mai sus in cazul fundalului sablonului, se pot aplica si celorlalte elemente ale sablonului.
De exemplu daca vreti sa schimbati numai fundalul corpului sablonului (outer-wrapper) si sa zicem ca avem un fundal pe negru pentru intreg sablonul, dar vrem ca corpul sa fie alb atunci cautam urmatorul cod:

#outer-wrapper {

si imediat dupa el adaugam urmatorul cod:

background: #ffffff;



Daca previzualizati vedeti ca partea in care sunt incluse elementele sablonului este alba. Dar nu suntem multumiti doar cu atat si vrem ca, coloana de postare sa fie bleo, atunci cautati codul:

#main-wrapper {

si imediat dupa el adaugati acest cod:

background: #D6E7FF;

Daca vreti sa folositi o imagine o puteti face dupa metodele aratate mai sus. La fel puteti proceda si cu sidebar-urile (adauga-ti codul dupa #sidebar-wrapper { ) sau cu footer-ul (adaugati codul dupa #footer { ).


Aplicati un fundal pentru Header
In cazul header-ului (header-wrapper) puteti la fel de bine aplica metodele aratate in cazul celorlalte elemente aplicand codul pentru fundal dupa acest cod #header-wrapper {, dar totusi header-ul este un pic mai special pentru ca acolo multi prefera sa puna o poza personalizata, care sa reflecte un pic si continutul din blog.

Dar haideti sa vedem cum facem. Dupa cum stim avem un sablon cu latimea de 815 pixeli, si pentru a nu arata ciudat am marit si header-ul la aceeasi dimensiune. Acum pentru a adauga o imagine ar fi bine sa adaugam si un height (o latime pentru header). Deci haideti sa facem un header cu: width: 815 si height 200. Codul pentru width il avem deja adaugat, mai ramane sa adaugam codul pentru height.

Gasiti codul :

#header-wrapper {

si imediat sub el adaugati

height: 200px;

Dupa cum vedeti header-ul nostru sa marit dar avem 2 randuri de borduri si vrem sa le stergem.
Un pic mai jos de #header-wrapper { gasim acest cod:

border:1px solid $bordercolor;

Pentru sterge bordura exterioara a header-ului fie stergeti toata linia, fie schimbati pe 1 cu zero.
Dupa ce am rezolvat cu bordura exterioara trebuie sa o stergem si pe cea interioara.

Cautati codul:

#header {

si putin mai jos veti gasi acest cod:

border: 1px solid $bordercolor;

Procedati ca mai sus.

Acum daca previzualizati veti vedea ca nu mai avem nici o bordura si este timpul sa adaugam poza noastra. Am gasit pentru blogul nostru un header cu dimensiunile care ne trebuiau.



Deci dupa ce faceti rost de un astfel de banner, hostati-l undeva si cu link-ul obtinut vom face codul pentru header
Cautati codul:

#header-wrapper {

si imediat dupa el adaugati urmatorul cod care trebuie sa cuprinda link-ul spre poza voastra:

background: url('http://1.bp.blogspot.com/_i6co2fwMbTo/SmV9XaSAVHI/AAAAAAAAJ3s/GeN9W3qXGyk/s1600/Coffee_Cup_Newspaper.jpg') no-repeat;

Previzualizati si vedeti ca poza noastra a aparut pe pozitie.

Observati ca avem totusi o mica problema si asta din cauza ca outer-wrapper-ul sablonului are si el un padding de 10 pixeli care inconjoara tot corpul blogului. Daca vreti sa scapati de acei 10 pixeli, tot ce trebuie sa faceti este sa gasiti urmatorul cod:

#outer-wrapper {

si putin mai jos veti gasii aceasta linie:

padding:10px;

Stergeti aceasta linie sau schimbati pe 10 cu zero.



si gata ca a iesit un tutorial super lung. Succes si daca mai aveti si alte intrebari nu ezitati sa ma intrebati.

luni, 20 iulie 2009

Creaza sablon cu 3 coloane pentru Blogger - varianta 2

Dupa cum am vazut in primul tutorial pe care l-am scris despre cum sa faci un sablon cu 3 coloane pe Blogger, ne-am folosit de un sablon default pe care blogspot ni-l pune la dispozitie si anume Minima. Atunci am vazut cum sa faci un sablon cu coloana de postare pe mijloc si 2 sidebar-uri laterale, unul stanga si unul dreapta.

Astazi vom vedea cum sa facem un sablon cu coloana de postare in stanga si 2 sidebar-uri in dreapta. Vom ajunge la un sablon precum il vedeti in poza de mai jos.



Pentru cei care au deja un blog cu sablonul Minima instalat si vor sa-l modifice ar fi bine sa salveze o copie a acestuia in calculator, pentru ca in cazul in care ceva nu merge cum trebuie sa puteti reveni la el. Eu va recomand sa va faceti un blog test pe care sa incercati acest experiment.

Si pentru ca deja am vorbit despre aceasta modificare in celalalt articol, de data aceasta voi trece direct la subiect.

Duceti-va la pagina "Editati Html" si lasa-ti nebifata casuta cu "Extindeţi şabloanele control" . Dupa cum ati vazut deja, Minima are o latime de 660 pixeli. Noi trebuie sa ajungem la o latime de 970 pixeli pentru a face loc si celui de-al doilea sidebar.

Cautati (Ctrl+F) aceasta linie de cod :

#outer-wrapper {

si imediat sub ea veti gasi acest cod:

width: 660px;
Pentru a mari latimea corpului sablonului schimbati pe 660 cu 970.

Acum vom aduce si Header-ul si Footer-ul la aceeasi dimensiune. Cauta urmatoarele coduri:

#header-wrapper {
si
#footer {

imediat sub fiecare dintre ele vom gasii urmatoarea linie:

width:660px;

schimbati pe 660 cu 970. Aceasta modificare a latit cele 2 elemente ale sablonului. Previzualizati sablonul. Observati cat de mult sa latit sablonul nostru, dandu-ne astfel posibilitatea sa introducem un al doilea sidebar.

Pentru a crea al doilea sidebar trebuie sa urmam acesti pasi:

Cauta acest grup de cod:

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
  overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

Selecteaza tot codul, da-i un Copy si apoi Paste imediat sub el. Deci practic copiem inca o data sidebar-ul existent pentru a crea prima parte a celui de-al doilea sidebar.
Dupa cum am vazut in celalalt articol, sidebar-urile trebuie sa aibe o denumire unica, asa ca vom modifica aceasta parte:

    #sidebar-wrapper {

cu aceasta

    #sidebar2-wrapper {

si pentru ca acest nou sidebar sa fie la mijloc intre coloana de postare si primul sidebar vom

modifica si aceata parte:

    float: $endSide;

cu aceasta:

    float: $startSide;
Acum pentru a termina al doilea sidebar si al face vizibil trebuie sa gasiti acest grup de cod:

<div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Postări de blog' type='Blog'/>
</b:section>
      </div>

si imediat dupa el sa adaugati urmatorul cod:

<div id='sidebar2-wrapper'>
        <b:section class='sidebar' id='sidebar2' preferred='yes'>
</b:section>
      </div>

Acest cod adaugat reprezinta identitatea celui de-al doilea sidebar si dupa cum vedeti are denumirea "sidebar2" la fel cum am schimbat si mai sus.Acum este momentul sa salvati sablonul si daca nu aveti nici o eroare inseamna ca totul a decurs cum trebuie. Duceti-va la "Elemente de pagina" si veti vedea ca al doilea sidebar este definit dar nu are nici un obiect gadget in el. Pentru cei care au alte gadgeturi instalate in celalat sidebar puteti sa mutati cateva si in cel format nou. Daca nu aveti alte gadget-uri puteti adauga unele noi sub forma de text. Aici gasiti text care nu inseamna nimic dar care se aseaza foarte bine in coloane astfel observand mai bine ce se intampla cand editam sablonul.



Daca priviti acum blogul vostru vedeti ca avem 3 coloane dar cu latimi care in total  nu au latimea corpului sablonului. Pentru asta trebuie sa mergem din nou la "Editati Html" si sa marim coloana de postare si cele 2 sidebar-uri.

In acest moment avem doua sidebar-uri cu o latime totala de 440 pixeli. Ne raman 530 de pixeli pentru coloana principala. Cautati urmatorul cod:

    #main-wrapper {

si imediat sub el veti gasi width: 410px; schimbati valoarea 410 cu 530.

In acest moment suma latimilor celor 3 elemente a ajuns la latimea corpului sablonului, dar dupa cum vedeti coloanele sunt lipite una de alta. Asa cum am facut si la sablonul cu sidebar-uri pe laterale si aici vom adauga o bordura in jurul celor 3 elemente.

Deci cautati in aceasta ordine urmatoarele linii de cod:

    #main-wrapper {
    #sidebar-wrapper {
    #sidebar2-wrapper {

si dupa fiecare dintre ele adaugati urmatoarea linie:

    border: 1px solid #000000;

Daca previzualizati veti vedea ca sidebar-ul din dreapta a cazut in jos si asta din cauza ca am adaugat bordura de 1 pixel in jurul fiecarui element. Pentru a face sidebarul sa revina pe pozitie trebuie sa scadem din coloana de postare 6 pixeli.

Cautati codul

    #main-wrapper {

si sub el gasiti width: 530px; modificati 530 cu 524
Previzualizati si vedeti ca sidebar-ul dreapta a revenit pe pozitie.
Urmatorul pas este de a desparti coloanele prin adaugarea unei margini. Deci cautati urmatoarele coduri

#main-wrapper {

si

#sidebar2-wrapper {

Adaugati urmatorul cod imediat dupa fiecare dintre ele.

margin-right: 10px;

Previzualizati si vedeti ca din nou sidebar-ul din drepta a cazut in jos, din cauza celor 20 de pixeli adaugati. Din nou vom scadea din latimea coloanei de postare.
Cautati deci codul:

    #main-wrapper {

si sub el gasiti width: 524px; schimbati pe 524 cu 504 si previzualizati.  Dupa cum vedeti sidebar-ul a revenit pe pozitie. Observati si spatiul dintre coloane.
Ar mai fi o problema de rezolvat si anume sa departam scrisul de bordura din jurul elementelor.

Pentru a face asta avem la dispozitie 2 metode

1. Daca nu doriti sa aveti bordura in jurul coloanelor tot ce trebuie sa faceti este sa cautati acolo unde ati adaugat aceasta linie :

    border: 1px solid #000000;

 si sa schimbati valoarea lui 1 cu 0 si bordurile vor disparea rezolvand astfel si problema textului lipit de bordura.

Stergand bordurile latimea celor trei elemente scade cu 6 pixeli. Acesti 6 pixeli ii vom adauga la main-wrapper.
Cautati deci aceste linii

#main-wrapper {
width: 504px;


si schimbati pe 504 cu 510.

Daca distanta de 10 pixeli creata prin adaugarea codului margin-right:10px;  intre coloane vi se pare mica atunci cresteti valoarea lui 10 cu ce dimensiune doriti dar apoi nu uitati sa-i scadeti ori din latimea coloanei de postare, ori din latimea sidebar-urilor.

2. Daca doriti sa pastrati bordura din jurul coloanelor atunci urmati aceasta varianta.  Cautati aceste linii:

    #main-wrapper {
    #sidebar-wrapper {
    #sidebar2-wrapper {

si dupa fiecare dintre ele adaugati urmatoarea linie:

    padding: 0 5px 0 5px;

Previzualizati.

Prin adaugarea acestei linii din nou sidebar-ul din dreapta cade, datorita adaugarii a 30 de pixeli in plus. Pentru a reveni la normal din nou trebuie sa taiem din latimea coloanelor. Deci acum

ramane la alegerea voastra din care sa taiati. Cautati urmatoarele linii:

    #main-wrapper {
    #sidebar-wrapper {
    #sidebar2-wrapper {


Sub fiecare dintre ele veti gasi si latimea :

#main-wrapper {
width: 504px;
   modificati 504 cu 494

#sidebar-wrapper {
width: 220px;
   modificati 220 cu 210

#sidebar2-wrapper {
width: 220px;
   modificati 220 cu 210




Previzualizati si daca va place cum arata sablonul creat de voi, salvati-l.
Din nou avem problema cu descrierea blogului care este deplasata spre stanga. Pentru a corecta asta gasiti acest fragment de cod:

    #header .description {
      margin:0 5px 5px;
      padding:0 20px 15px;
      max-width:700px;
      text-transform:uppercase;
      letter-spacing:.2em;
      line-height: 1.4em;
      font: $descriptionfont;
      color: $descriptioncolor;
     }

Stergeti aceasta linie

     max-width:700px;

si prezizualizati. Daca e bine salvati.

sâmbătă, 20 iunie 2009

Cum sa creezi sabloane cu trei coloane pentru Blogger

Este un pic incorent spus 'a creea' pentru ca de fapt veti invata cum sa modificati un sablon dat by default de Blogger si anume 'Sablonul Minima'. Deci vom modifica un sablon gata creat cu 2 coloane si il vom transforma intr-un sablon cu trei coloane, adica un sablon cu o coloana principala pentru postare si 2 sidebar-uri unul stanga si unul dreapta.





vineri, 29 mai 2009

Cum sa modificati meniul din sabloanele Blogger

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



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

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

duminică, 17 mai 2009

Comentariul autorului de blog pe alta culoare de fundal in Blogger

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

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

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

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

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

sâmbătă, 2 mai 2009

Scoate bordura din jurul pozelor din postarile pe Blogger

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



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

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


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

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


Scoate bordura de la poza de la profil

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

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


sau Ctrl+F si cauta; profile-img

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

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

Abonati-va la feed-ul blogului

luni, 27 aprilie 2009

Cum sa schimbi un template (sablon) pe Blogger

Cum sa schimbi un template (sablon) pe Blogger sau schimba un sablon blogspot in 4 pasi. Sunt doua variante prin care va puteti schimba sablonul pe blogger si le vom arata pe ambele aici.

Atunci cand iti faci un blog pe Blogger ai optiunea de a alege un sablon care sa fie fata blogului tau. Blogspot iti da ocazia de a alege intre 16 sabloane care de ce sa nu recunoastem nu sunt prea stralucite.

Cu totii am vazut pe web o gramada de bloguri hostate gratuit pe Blogger si multe dintre ele nu aveau un sablon default si asta pentru ca sabloane modificate se gasesc peste tot pe internet si in diferite formate. Sunt cu dou coloane, cu trei coloane, cu o coloana si in sute de culorii. Cu o simpla cautare pe internet poti gasi sute de sabloane mai originale sau nu.

Cauta si printre sabloanele blogger create de mine.

Deci dupa ce am gasit sablonul care ne place si care credem ca se potriveste mai bine stilului nostru, nu ne ramane decat sa schimbam actualul sablon pe care il avem.

luni, 13 aprilie 2009

Adauga un element de pagina in header-ul blogului

Dupa cum stiti Blogger te lasa sa adaugi elemente de pagina decat in Sidebar-ul si footer-ul blogului. Din pacate nu exista optiunea de a adauga unul in Header, deasupra coloanei principale sau sub header, mai ales ca ar fi foarte folositoare. Ai putea sa adaugi o poza, sau Google Adsense , sau ma rog orice crezi ca ar da bine.

Dar exista totusi posibilitatea de a adauga un gadget si in acele locuri. In Blogger desi ai destul de limitate optiunile, poti totusi sa modifici unele lucruri daca ai putin ajutor.

Deci ca sa adaugi un element de pagina in header navigheaza la "Aspect ---> Editati Html" si cauta urmatoarea bucata de html:


<div id='header-wrapper'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>




Schimba doar ce este scris cu rosu; din '1' faceti '3' ; din 'no' faceti 'yes'
Asta iti va oferi posibilitatea sa adaugi inca 2 elemente de pagina in Header. Daca vrei poti sa maresti numarul lor.

Pentru a adauga un element de pagina sub Header cauta putin mai jos urmatorul cod:

<div id='content-wrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>

si schimba doar ce este cu rosu; din 'no' faceti 'yes'

Acum poti adauga un element de pagina si sub Header.

Adauga un element de pagina si deasupre coloanei principale.
Imediat sub celelalte coduri pe care le-ati modificat gasiti si urmatorul cod:  

       <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='no'>
  
si schimba doar ce este cu rosu; din 'no' faceti 'yes'

Salveaza sablonul si dute la "Elemente de pagina". Sablonul ar trebui sa arate asa:



In mod normal ar trebui sa nu aveti nici o problema sa faceti asta, dar daca totusi intampinati greutati nu ezitati sa lasati o intrebare in comentarii.

Nu uitati sa va abonati la feed-ul blogului Totul despre Blogger - Blogspot.

duminică, 12 aprilie 2009

Cum faceti sa apara navigatia "Postări mai vechi " si "Postări mai noi"

La multe sabloane Blogger pe care le descarcam de pe net, create de anumiti web-designeri, navigatia "Postări mai vechi " si "Postări mai noi" nu merge.
Asta este din cauza ca acel web-designer a decis asta si cu ajutorul unui atribut CSS a facut sa nu apara aceasta navigatie.

-->
Dupa parerea mea orice navigatie pentru un blog, oricat de aiurea ar arata ea, e mai buna decat una inexistenta. Asa ca pentru cei care au aceasta problema m-am hotarat sa le arat cum sa o afiseze din nou.

Part 1 - aparitia navigatiei
Rezolvarea este foarte simpla si consta in inlocuirea unor coduri CSS.
Mergeti la Sablon --> Editati html si in prima faza faceti o copie a actualului sablon. Asta in caz ca ceva nu merge cum trebuie sa putem reveni la forma lui initiala prin simpla incarcare a acestei copii.

Folosind combinatia de taste Ctrl+F cautati acest cod:
#blog-pager-newer-link {
veti gasi aici codul responsabil pentru aspectul navigarii. Deci, daca nu vă apare navigatia atunci veti gasi acest grup de coduri:
#blog-pager-newer-link {
display:none;
}
#blog-pager-older-link {
display:none;
}
#blog-pager {
display:none;
}
Atributul CSS care faca ca navigatia sa dispara este display:none; si dupa cum vedeti este aplicat tuturor elementelor navigatiei.

sâmbătă, 11 aprilie 2009

Ascunde sau scoate Navbar-ul in Blogger

Navbar-ul care apare deasupra blogurilor in Blogger (sau Blogspot cum ii mai spune) este afisat implicit atunci cand creezi un blog. Este o unealta folositoare pentru vizitatori pentru ca pot foarte usor sa caute in blog, pot sa marcheze blogurile care au un continut neadecvat si pot naviga la un alt blog din reteaua Blogger.


Navbar-ul in blogspot poate fi scos de cei care au un domeniu propriu si publica cu ajutorul FTP, dar pentru cei care au blogurile gazduite gratuit el va ramane acolo permanent.
Chiar daca navbar-ul este o unealta folositoare, multi bloggeri aleg sa il scoata.

Deci, daca v-ati hotarat sa il scoateti trebuie sa parcurgeti cativa pasi.

joi, 9 aprilie 2009

Adauga un gadget cu Ultimele postari sau comentarii

Atunci cand comentezi pe un site si nu te abonezi la feed-ul comentariilor iti este destul de greu sa verifici daca cineva a postat o replica la comentariul tau, deoarece iti e greu sa gasesti postul in care ai comentat. Acest widget ajuta vizitatorii blogului tau sa gaseasca mai usor postul in care au comentat dar ii si incita pe alti sa ajunga la articolele cele mai discutate.

Daca ai blog de la Blogger si vrei sa ai si tu un widget cu Ultimele postari sau Ultimele comentarii in sidebarul blogului cred ca ti-ai dat seama pana acum ca nu este nici o posibilitate sa faci asta. Sau este?

Este si e foarte usor de adaugat.