miercuri, 22 iulie 2009

Widget, Postari Recente cu thumbnail

Acest widget este un element de pagina de tipul, HMTL/Javascript, deci in prima faza e usor de instalat. Copiezi codul si-l inserezi in element . Ce face el mai exact? La fel ca widgetul Postari Recente, afiseaza titlurile ultimilor postari, numarul il selectati voi, si nu numai atit, alaturi de titlu este afisat un mic thumnail, adica o previzualizare foto, daca postarea ta contine o imagine, daca nu atunci va fi un mic No Photo . Si pe linga toate astea afiseaza si numarul de comentarii al postarilor. Ca sa nu mai pierdem timpul cu descrieri, sa trecem direct la fapte.

Cum instalezi acest widget ?
1. Intra in contul tau Blogger
2. Aspect -->>Elemente de pagina -->> Element de Pagina HTML/Javascript.
3. Si introdu codul urmator, printr-un banal Copy-Paste, in element.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://bloggerica.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

4. Acum editam codul cu datele noastre, dupa cum urmeaza.
boxwidth - latimea widgetului
cellspacing - spatiul dintre celule
borderColor - culoarea de fundal a acestui element de pagina, de preferinta cu cea primara a blogului, in general e alba, fiind si culoarea prezenta default in acest widget
thumbwidth n thumbheight - latimea si inaltimea imaginii din widget, cea de previzualizare, sau thumbnail. Sint bune si dimensiunile default. 
fntsize - dimensiune font 
acolor - culoarea titlului
aBold - doresti fontul Aldin adica ingrosat [true or false]
numposts - cite titluri vrei sa afisezi in widget .
home_page - modifica inlocuind cu adresa blogului-tau.blogspot.com ori blogul-tau.com
 

Scriptul http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js este musai sa-l incarci pe propriul tau hosting, altfel risti ca scritpul sa nu functioneze din cauza latimei de banda. Daca nu stiai, vezi aici cum poti hosta javascripturile direct pe Blogger.   

credit



0 comentarii:

Trimiteți un comentariu

 

De pe bloguri

Copyright

Creative Commons License

Situl Bloggerica este licenţiat printr-o Licenţă Creative Commons Atribuire-Necomercial-Fără Opere Derivate 3.0 România.
Bazată pe opera disponibilă la www.bloggerica.com

Bloggerica.com Copyright © 2009 Not Magazine 4 Column is Designed by Ipietoon Sponsored by Dezigntuts