joi, 30 iulie 2009

Pune un widget cu cele mai populare posturi pe Blogger

In utima vreme am fost intrebat tot mai des daca stiu vreun widget care sa afiseze cele mai populare posturi din blog. Cautand pe net am gasit o gramada de astfel de widget-uri, dar din pacate majoritatea nu functionau.

Totusi am gasit si un widget care merge. El arata ca in poza de mai jos iar aici este blogul autorului. BloggerStop.net



Acest widget se bazeaza pe un Javascript care cu ajutorul Yahoo Pipes gaseste numarul de comentarii pe care le are un post apoi afisandu-le in acest widget in ordine descrescatoare.

Pentru a adauga acest widget pe blogul vostru blogspot nu trebuie decat sa adaugati un cod intr-un gadget html/javascript. Deci urmati calea 'Aspect --> Elemente de pagina' si apoi dati clic pe 'Adauga un obiect gadget'. Din lista care apare alegeti optiunea 'Html/JavaScript'  si copiati codul de mai jos in campul pentru continut.

Inainte de a va arata codul vreau sa va spun ca sunt doua metode de a afisa link-urile catre postare si deci tot 2 coduri care sa produca cele 2 tipuri de widget-uri. Puteti alege metoda care vreti.

Important:
Nu uitati sa schimbati adresa blogului meu cu a voastra.
Nu folositi http://.
Numarul scris cu verde este numarul de link-uri care vor aparea in widget si il puteti modifica dupa cum doriti.
Acest cod creaza fundalul widget-ului:

background-color:#FFFFFF;

modificati-l cum doriti pentru a arata bine in blogul vostru.

Daca vreti ca link-urile sa arate asa:

  • Cea mai comentata postare (28)
  • A doua postare (21)
  • A trea postare (12)
copiati codul de mai jos.

<div style="background-color:#FFFFFF;padding:5px;">
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2Fbloggerajutor.blogspot.com&num=10" type="text/javascript"></script>
</div>


Daca vreti ca link-urile voastre sa arate asa

  • Cea mai comentata postare
  • A doua postare
  • A trea postare

copiati acest cod:

<div style="background-color:#FFFFFF;padding:5px;">
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=28a6afad7c6ba1288c1b738277e42385&url=http%3A%2F%2Fbloggerajutor.blogspot.com&num=10" type="text/javascript"></script>
</div>



vineri, 24 iulie 2009

Widget cu Social Bookmarks dupa fiecare postare pe Blogger

De ceva timp am observat ca site-urile de social bookmarks gen Digg.com, Twitter.com, Reddit.com, Delicious.com si alte cateva au inceput sa fie folosite tot mai des si de bloggerii din Romania. E adevarat ca blogurile in limba romana nu au asa de multe avantaje ca blogurile scrise in engleza, dar dupa cate am observat pe un alt blog al meu, bookmark-uri se fac si la posturi in romana. Acum depinde cat de bine sunt scrise si posturile pentru ca numai calitatea lor pot face un vizitator sa salveze un articol, sau sa-l trimita spre votare pe site-uri precum Digg.



Widget creat de Social bookmarking widget

Si ca sa nu mai lungim vorba, iata ce trebuie sa faceti pentru a pune acest widget pe blogul vostru Blogger - Blogspot:

1. Conectati-va in contul vostru Blogger si urmati calea Aspect --> Editati Html. Aici primul lucru pe care trebuie sa il faceti este de a salva o copie a sablonului in calculator, pentru ca daca ceva nu v-a merge cum trebuie sa puteti reveni  la forma lui actuala.

Bifati casuta care extinte sablonul, si cautati (Ctrl+F) codul : </head> si imediat dupa el adaugati urmatorul cod:

<script src='http://files.bloggerplugins.org/simpletricks.js'></script>




2. Dupa ce am incheiat pasul 1 trebuie sa adaugam si cel de-al doilea cod.
Puteti adauga codul dupa una din cele 3 linii de cod de mai jos:

<div class='post-footer-line post-footer-line-1'>
cod aici

<div class='post-footer-line post-footer-line-2'>
sau aici

<p class='post-footer-line post-footer-line-3'>
sau aici

Vedeti unde arata mai bine.

Download cod

Acum previzualizati si daca sub post se vad iconitele de la widget inseamna ca ati reusit. Salvati sablonul si incercati widget-ul.


miercuri, 22 iulie 2009

Instaleaza Read more automat, cu poza, pe Blogger

Daca sunteti un blogger care scrie articole lungi atunci cu siguranta v-ati dori ca posturile care apar pe prima pagina a blogului sa fie prezentate doar sub forma unui sumar de cateva randuri lungime si cu un link spre articolul integral.
 Dupa cum stiti, pe Wordpress exista aceasta posibilitate, insa Blogger nu s-a ocupat deocamdata de aceasta optiune. Si daca va intereseaza asa ceva si ati cautat deja un truc care sa faca posibil lucrul acesta si pe Blogger, ati vazut cu siguranta ca sunt prezentate o gramada de astfel de trucuri pe internet. Unul mai diferit decat altul.

Adauga si celelalte gadget-uri oferite de Blogger


Astazi mi-am cumparat pesti; dati clic pe acvariul meu de mai jos sau in sidebar daca mai este instalat pentru a hrani pestii.
Era o gluma evident, ca nu i-am cumparat ci mi i-a dat Blogger. Pai sa vedeti cum am reusit sa fac asta. Astazi ma uitam pe Blogger in draft sa vad daca au mai scos baietii astia vreun gadget nou si cum la Elemente de baza nu era nimic nou, am zis sa ma uit si la celelalte.





De obicei nu prea se uita lumea pe la ele, asa cum nici eu nu prea o fac, dar cand am intrat am gasit alte cateva gadget-uri destul de intertesante si usor de adaugat in sidebar precum cele de baza.

De exemplu la categoria "Prezentat"  gasim 4 widget-uri create de Blogger Buster, care va da posibilitatea sa adaugati in sidebar widget-uri cu Recent PostsTwitter Updates, Recent Comments, sau Picasa Photostream. Toate cele 4 widget-uri sunt usor de adaugat si foarte usor de personalizat.

La categoria "Mai multe gadgeturi" am mai remarcat pe a doua pagina widget-ul "Recent Posts"  creat de Blogger Widgets, care pe langa titlul postarii poti adauga si un sumar al articolului, poti adauga numarul de comentarii la posturi si chiar poti seta sa afiseze poza din post in format mic (thumbnails).

Ar mai fi un calendar de adaugat, un countdown si desigur widget-ul cu pestii. Acesta mi s-a parut foarte dragut, mai ales ca eu sunt fan al aplicatiilor in flash. Acest widget te lasa sa alegi pana la 10 pesti de orice culoare doresti si te lasa sa pui orice poza drept fundal.

Cam astea ar fi cele mai interesante gadget-uri pe care Blogger ni le ofera, dar noi nu prea stim de ele.