Wibiya un toolbar perfect pentru blogul tau

Postari Random, Recente, Twitter, Notificari, Comunitate, Translate [translator] in 11+ limbi, Jocuri, Foto Slideshow, Facebook Community, Rss Feed, Share this, etc. Toate acestea doar intr-un foarte mic spatiu, un foarte friendly toolbar pentru blogul tau.

Iar daca toate astea nu te-au convins vezi pe BloTest Live Demo. E in format Beta, disponibil pentru toate platformele de blogging Blogger si Wordpress inclusiv. La instalarea sa, ai o gama larga de toolbare, doar culoarea difera pentru o integrare cit mai buna in template. 

Cum se instaleaza ? Foarte simplu - printr-un widget HTML/Javascript. doh! usor nu ? partea mai putin fasta e acum, cand dupa prezentarea de mai sus, il vrei neaparat pentru blogul tau. Ei bine, mergi aici si fa-ti un cont. Nu mai pierde timpul, de ce? pentru ca eu unul l-am obtinut in decursul a 24 ore. Ei modereaza toate cererile de toolbar, nu se incurca cu situri de nimic banuiesc. De aceia, sa nu te ia marea surprindere daca ai facut un request pentr-un nimic [blog] . Pentru instalarea sa nu e nevoie de un tutorial, e o instalare de tip "Next, Next".

De ce ar trebui sa-l folosesti chiar din momentu' asta ?
1. Usor de personalizat
2. Widgeturile care de obicei iti ocupa tot sidebarul, acum le-ai direct in toolbarul Wibiya.
3. Asemeni toolbar-uri folosesc Trilulilu, Facebook si multe alte situri . De aici prinde valoarea sa.
4. Usor de instalat.
5. Se integreaza foarte bine pe oricare blog, fie el Blogger sau Wordpress.
6. Unul foarte important, nu contine reclame decit un micut ad Powered by Wibiya in momentul in care deschizi un widget, Foto, Games ori Facebook Connect.
7. Usor se nasc fanii pentru blogul tau. Cu Facebook Connect.
8. Iar de esti un mare newbie, sint aici, lasa un comentariu cu ne...intelesul din tine, si rezolvam in scurt timp.

Continue reading...

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

Continue reading...

Top Comentatori in Blogger

Un mod de a incuraja vizitatorii sa comenteze pe blogul dvs. este sa adaugati un widget cu topul comentatorilor.
Cum se poate face chestia asta? Foarte simplu....
Nu va trebuie decat un script pe care o sa-l adaugati in sidebar-ul blogului.
Deci sa incepem:
Mergeti pe draft.blogger.com si ne logam...
Apoi mergem la Aspect si adaugam un nou element de pagina de tip Html/JavaScript si ii puneti un nume care vreti voi .... apoi introduceti urmatorul cod:

<script type="text/javascript"> function pipeCallback(obj) { document.write("<ol>"); 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><br /> <script src= "http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback& _id=c92ac21897d8b56e61cfa85930dd89a1&url=http%3A%2F%2Fblogul tau.blogspot.com&num=10" type="text/javascript"></script>

Inlocuiti blogultau.blogspot.com cu adresa blogului vostru si 10 cu numarul de comentatori. Nu folositi http:// sau www.
Bafta si daca intampinati probleme postati pe rubrica de comentarii si eu va vaoi raspunde.

A doua metoda [mai simpla ]

Foloseste formularul de mai jos pentru a adauga widgetul pe blogul tau Blogger. Nu ezita sa intrebi ceea ce nu ai inteles.

credit Blogger Buster

Continue reading...

Postari si Comentarii Recente pe Blogger

Hello friends. Sunt autor nou pe Bloggerica . In acest post o sa va arat cum sa puneti posturi si comentarii rapide pe blogger. Deci sa incepem.

Foare simplu zic eu nu trebuie decat sa urmati pasii si o sa aveti Comentariile Recente in sidebar cat ati zice peste:
 
1. Mergeti pe contul vostru Blogger.com-->>Aspect-->>Elemente de Pagina 
2. Adaugati un Element de Pagina de tip Feed

 

3. Iar acum in fereastra aparuta e o caseta care cere Adresa URL a feedului lipeste adresa in felul urmator
http://www.bloggerica.com/feeds/comments/default/
inlocuiti bloggerica.com cu adresa blogului vostru. Apoi  Continuati.


4. In final, in fereastra rezultata puteti modifica titlul cu Comentarii Recente sau cu orice alt titlu care vrei tu. Apoi Salvati.

Pentru Postari sau Articole Recente se actioneaza la fel, doar ca adresa de feed e alta, in rest e exact la fel.
1. Adaugati un Element de Pagina de tip Feed
2. Acesta fiind pasul diferit de Comentarii Recente, Adresa URL a feedului e urmatoarea :
http://www.bloggerica.com/feeds/posts/default/inlocuieste bloggerica.com cu adresa blogului tau de exemplu, blogul_tau.blogspot.com  Continuati ...
3. Modifica, selecteaza nurmarul de articole si celelalte optiuni, iti recomand sa nu le modifici, decit titlul.
4. In final Salvati, si pozitionati gadgetul pe blog unde doriti. 

Continue reading...

Sharing is sexy Blogger widget

demo poti vedea chiar pe Bloggerica
Pentru a adauga acest widget pe blogul tau:

1. Intra in contul tau Blogger -->> Aspect-->>Editati HTML-->>Extindeţi şabloanele control.
2. Acum o mica gaselnita  </head>   si chiar inainte introdu urmatorul cod, asta de mai jos.

<!--HIDDEN-BOOKMARKS-STARTS-->

<style type='text/css'>

div.beauty-bookmarks {

height:54px;

background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom;

position:relative;

width:540px;

}



div.beauty-bookmarks span.beauty-rightside {

width:17px;

height:54px;

background:

url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;


position:absolute;

right:-17px;

}



div.beauty-bookmarks ul.socials {

margin:0 !important;

padding:0 !important;


position:absolute;

bottom:0;

left:10px;

}



div.beauty-bookmarks ul.socials li {

display:inline-block !important;

float:left !important;

list-style-type:none !important;

margin:0 !important;

height:29px !important;

width:48px !important;

cursor:pointer !important;

padding:0 !important;

}



div.beauty-bookmarks ul.socials a {

display:block !important;

width:48px !important;

height:29px !important;

font-size:0 !important;

color:transparent !important;

}



.beauty-furl, .beauty-furl:hover, .beauty-digg, .beauty-digg:hover,  .beauty-reddit, .beauty-reddit:hover, .beauty-stumble,  .beauty-stumble:hover, .beauty-delicious, .beauty-delicious:hover,  .beauty-yahoo, .beauty-yahoo:hover, .beauty-blinklist,  .beauty-blinklist:hover, .beauty-technorati, .beauty-technorati:hover,  .beauty-facebook, .beauty-facebook:hover, .beauty-twitter,  .beauty-twitter:hover, .beauty-myspace, .beauty-myspace:hover,  .beauty-mixx, .beauty-mixx:hover, .beauty-script-style,  .beauty-script-style:hover, .beauty-designfloat,  .beauty-designfloat:hover, .beauty-syndicate, .beauty-syndicate:hover,  .beauty-email, .beauty-email:hover {

background:

url('http://i44.tinypic.com/1znbj83.png') no-repeat !important;

}



.beauty-furl {

background-position:-300px top !important;

}

.beauty-furl:hover {

background-position:-300px bottom !important;

}

.beauty-digg {

background-position:-500px top !important;

}

.beauty-digg:hover {

background-position:-500px bottom !important;

}

.beauty-reddit {

background-position:-100px top !important;

}

.beauty-reddit:hover {

background-position:-100px bottom !important;

}

.beauty-stumble {

background-position:-50px top !important;

}

.beauty-stumble:hover {

background-position:-50px bottom !important;

}

.beauty-delicious {

background-position:left top !important;

}

.beauty-delicious:hover {

background-position:left bottom !important;

}

.beauty-yahoo {

background-position:-650px top !important;

}

.beauty-yahoo:hover {

background-position:-650px bottom !important;

}

.beauty-blinklist {

background-position:-600px top !important;

}

.beauty-blinklist:hover {

background-position:-600px bottom !important;

}

.beauty-technorati {

background-position:-700px top !important;

}

.beauty-technorati:hover {

background-position:-700px bottom !important;

}

.beauty-myspace {

background-position:-200px top !important;

}

.beauty-myspace:hover {

background-position:-200px bottom !important;

}

.beauty-twitter {

background-position:-350px top !important;

}

.beauty-twitter:hover {

background-position:-350px bottom !important;

}

.beauty-facebook {

background-position:-450px top !important;

}

.beauty-facebook:hover {

background-position:-450px bottom !important;

}

.beauty-mixx {

background-position:-250px top !important;

}

.beauty-mixx:hover {

background-position:-250px bottom !important;

}

.beauty-script-style {

background-position:-400px top !important;

}

.beauty-script-style:hover {

background-position:-400px bottom !important;

}

.beauty-designfloat {

background-position:-550px top !important;

}

.beauty-designfloat:hover {

background-position:-550px bottom !important;

}

.beauty-syndicate {

background-position:-150px top !important;

}

.beauty-syndicate:hover {

background-position:-150px bottom !important;

}

.beauty-email {

background-position:-753px top !important;

}

.beauty-email:hover {

background-position:-753px bottom !important;

}



</style>

<!--HIDDEN-BOOKMARKS-STOPS-http://bloggerica.com-->

3. Gaseste urmatorul cod <data:post.body/> prin combinatia de taste Ctrl+F si chiar dupa aceasta introdu codul de mai jos.

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

<div class='beauty-bookmarks'>

<ul class='socials'>

<li class='beauty-delicious'><a expr:href='&quot;http://del.icio.us/post?

url=&quot; + data:post.

url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-digg'><a expr:href='&quot; http://digg.com/submit?

url=&quot; + data:post.

url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.

url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-reddit'><a expr:href='&quot; http://www.reddit.com/submit?

url=&quot; + data:post.

url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?

url=&quot; + data:post.

url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?

url=&quot; + data:post.

url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.

url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-twitter'><a expr:href='&quot; http://twitthis.com/twit?

url=&quot; + data:post.

url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.

url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

<li class='beauty-syndicate'><a href='http://feeds.feedburner.com/bloggericacom' title='Subscribe to RSS'/></li>

<li class='beauty-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.

url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>

</ul>

<span class='beauty-rightside'/></div>

</b:if>

Acum salveaza template-ul si vezi rezultatul, nu uita sa schimbi idul de feedburner cu al tau. Enjoy this !

Continue reading...

Bannerele Bloggerica

Aveti mai jos o gama variata de bannere pentru a sustine Bloggerica.com si al tine in viata. Ei deja ne sustin pagina special creata doar pentru ei.<<--link. Fa si tu parte la dezvolatarea Bloggerica.com



<a href="http://www.bloggerica.com/" target="_blank"><img src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica728.png" border="0" alt="Bloggerica.com"></a>



<a href="http://bloggerica.com" target="_blank"><img src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica468.png" border="0" alt="Bloggerica.com"></a>



<a href="http://www.bloggerica.com/" target="_blank"><img src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica250.png" border="0" alt="Bloggerica.com"></a>



<a href="http://bloggerica.com" target="_blank"><img border="0" alt="Bloggerica.com" src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica240x80.gif"/></a>



<a href="http://www.bloggerica.com/" target="_blank"><img border="0" alt="Bloggerica.com" src="http://i555.photobucket.com/albums/jj470/denisciocan/blog125.gif"/></a>



<a href="http://www.bloggerica.com/" target="_blank"><img border="0" width="125" alt="Bloggerica.com" src="http://i555.photobucket.com/albums/jj470/denisciocan/bannerbloggerica140.gif" height="74"/></a>



<a href="http://www.bloggerica.com/" target="_blank"><img src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica88.png" border="0" alt="Bloggerica"></a>



<a href="http://www.bloggerica.com/" target="_blank"><img src="http://i555.photobucket.com/albums/jj470/denisciocan/bloggerica120.png" border="0" alt="Bloggerica.com"></a>


Avatar
click dreapta pe imagine and save it

Continue reading...