Ajutor Blogger-hacks,templates,widgets and more: widget

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

Widget:Google News-Blogger

Publicat de Cruciu Petre On 22:28 4 comentarii

Cred ca iti va placea foarte mult acest widget,deoarece este foarte practic si 100% customizabil.
Astfel,vei putea adauga cele mai noi stiri din lume sortate pe domenii de interes,incat,daca vei dori sa iti apara pe blog numai stiri din sport,vei avea posibilitarea sa iti selectezi doar acest tip de stiri.

Viziteaza ACEST LINK si customizeaza widgetul dupa cerintele tale si ale blogului tau.
Merigi la ASPECT>>Elemente de Pagina>>Adauga obiect gadget>>Html/Javascript si lipeste aici codul obtinut pe pagina google.

Bafta!!!

widget |

Widget:Taguri flash animate-Blogger

Publicat de Cruciu Petre On 19:40 5 comentarii

In cazul in care vrei sa adaugi niste taguri,care sa nu iti ocupe spatiu mult si care sa aiba un aspect frumos,trebuie neaparat sa introduci acest widget in blogul tau.
Tagurile vor arata ca in poza de mai jos(sunt sigur ca le a-ti mai vazut si pe alte bloguri):
Cum sa instalam widget-ul:
Logati-va in contul blogger
Selectati Aspect
Clic pe Editare HTML
Clic pe download full template ca sa creem un back-up in cazut in care nu instalezi bine widget-ul
Cauta un cod asemanator cu cel de mai jos,fara sa expandezi sabloanele control

<b:section class='sidebar' id='sidebar' preferred='yes'>

Acum lipeste codul de mai jos,imediat dupa codul in rosu:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://ajutorblogger.blogspot.com/'>Roy Tanck</a> and <a href='http://ajutorblogger.blogspot.com'>Cruciu Petru</a></p>
</object>

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

Acum,previzualizeaza-ti blogul,si daca totul este ok salveaza-l.
Ceea ce apare in rosu in codul de mai sus ,reprezinta marimea si culoarea din background a widgetului.
Bafta!!!

widget |

Widger:Random Posts-Blogger

Publicat de Cruciu Petre On 22:14 1 comentarii

Multi oameni doresc sa isi faca blogul cat mai navigabil,sa le ofere cititorilor cat mai multe informatii,de aceea acest widget: Random Posts este printre cele mai bune in afisarea continutului blogului tau.
Instalarea este usoara si nu presupune decat adaugarea unui cod html+java script in blogul tau.
Cand va da clic pe link-ul "Clic pentru mai multe posturi" cititorului i se va dechide o pagina la nimereala(random).
Mergi la Aspect>>Elemente de pagina>>Adauga un obiect gadget>>selecteaza HTML/Javascript si introdu codul de mai jos:

<div id="Clic pentru mai multe posturi"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Are ya feeling lucky, punk?'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script><noscript><a href="http://ajutorblogger.blogspot.com" target="_blank">Blogger Hacks</a></noscript>

widget |

Widger:Popular Post-Blogger

Publicat de Cruciu Petre On 21:58 0 comentarii

Acest widget este foarte bun pentru cei care doresc sa isi afiseze cele mai populare articole sau posturi,pe baza numarului de comentarii avute la acel post.
Widgetul este usor de instalat,deoarece trebuie sa adaugi doar un scurt java script!!!

Acum,instalarea:

Merigi la Aspect>>Adauga obiect gadget>>Html/Javascript si introdu codul de mai jos:

<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=1a1c6e4e6d4f148e3650fda46910e15f&url=http%3A%2F%2Fajutorblogger.blogspot.com&num=10" type="text/javascript"></script>
<noscript><a href="http://ajutorblogger.blogspot.com" target="_blank">Blogger Hacks</a></noscript>

Schimba adresa in rosu cu adresa ta ,iar numarul in verde reprezinta cate posturi vrei sa iti arate pe sidebar

widget |

Widget-Creare Ad Banner Rotitor

Publicat de Cruciu Petre On 18:02 1 comentarii

Sa presupunem ca aveti un blog mare.Cand spun mare,ma gandesc la cateva mii de vizitatori pe zi.
Sa presupunem din nou ca adviserii se bat intre ei ca sa isi posteze bannere la tine pe blog...
Tu ce faci?Spatiul este limitat si nu iti ajunge pentru toti,astfel o sa pierzi niste bani.
Ajutor Blogger iti prezinta alternativa...
Crearea unui widget care sa iti afiseze pe rand toate bannerele in spatiul pe care l-ar ocupa numai unui.
Nu intelegi ce vreau sa spun...?Citeste in continuare si te vei lamuri!!!

Urmeaza urmatorii pasi:
Aspect>>Adauga un element gadget>>HTML/JAVASCRIPT
In fereastra aparuta,adauga urmatorul cod:

<script type="text/javascript">
var imgs1 = new Array("http://www.gigafilehost.net/files/167/reclama-ta.PNG","https://www.sfimg.com/Images/Banners/Banner12.gif","https://www.sfimg.com/Images/Banners/Banner13.gif","http://www.gigafilehost.net/files/167/Untitled-2.gif");
var lnks1 = new Array("http://games-database.blogspot.com/","http://ajutorblogger.blogspot.com","http://google.ro","http://ajutorblogger.blogspot.com","http://games-database.blogspot.com/");
var alt1 = new Array();
var currentAd1 = 0;
var imgCt1 = 5;
function cycle1() {
if (currentAd1 == imgCt1) {
currentAd1 = 0;
}
var banner1 = document.getElementById('adBanner1');
var link1 = document.getElementById('adLink1');
banner1.src=imgs1[currentAd1]
banner1.alt=alt1[currentAd1]
document.getElementById('adLink1').href=lnks1[currentAd1]
currentAd1++;
}
window.setInterval("cycle1()",9000);
</script>
<a id="adLink1" href="http://anshuldudeja.blogspot.com" target="_blank">
<img id="adBanner1" border="0" width="125" src="http://anshuldudeja55.googlepages.com/anshuldudeja.com.png" height="125"/></a>

INSTALAREA:
1.Link-urile in rosu reprezinta adresa url a imaginilor banerelor
2.Link-urile in verde reprezinta adresele carora adviserii vor sa le faca reclama
3. var imgCt1 = 5 in maro reprezinta numarul de imagini pe care vrei sa il areti in widget
4.window.setInterval("cycle1()",9000); in portocaliu este timpul de schimbare al bannerelor...il poti seta dupa nevoie.
5.Lungimea si latimea bannerelor este setata la 125,poti de asemeanea sa o modifici

Sper sa puteti acum sa afisati toate bannerele sponsorilor.

Petre Cruciu

widget |

Widget:Drop Menu-Blogger

Publicat de Cruciu Petre On 15:25 3 comentarii

O gramada de oameni m-au intrebat cum ar putea sa creeze un meniu "rabatabil" astfel incat acesta sa ocupe putin spatiu pe blog...le-am explicat,dar sincer, am cam obosit sa tot spun aceleas cuvinte de 100 de ori.
Astfel,m-am gandit sa fac un tutorial.Ce este un drop down menu?
Este un meniu "rabatabil" care contine link-uri catre diferite pagini,cand dai clic pe ele,acestea se deschid sub forma unei noi ferestri.Ca in demo-ul de mai jos.

Cum sa facem aces meniu?
Aspect>>Adauga un element gadget>>HTML /JAVASCRIPT
Adauga urmatorul cod si salveaza:

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
size=1 name=menu>

<option>- Titlul Tau - </option>



<option value="http://linkul tau.com">Titlul 1</option>

<option value="http://linkul tau.com">Titlul 2</option>

<option value="http://linkul tau.com">Titlul 3</option>

<option value="http://ajutorblogger.blogspot.com">blogger widget</option>

</select></form>

Schimba link-urile si textul in rosu cu cele dorite de tine!!!
Poti sa adaugi mai multe elemente in meniu daca adaugi mai multe parti de cod ca acesta:

<option value="http://linkul tau.com">Titlul 1</option>

widget |

Widget:Statistici Blog-Blogger

Publicat de Cruciu Petre On 12:58 3 comentarii

Acest widget are rolul de a arata pe blog numarul de posturi si numarul de comentarii.
Bloggeri care au mii de comentarii si posturi,sigur vor indragi acest widget,deoarece acesta tine o evidenta clara a continutului blogului lor.

Pentru a adauga acest widget pe blogul tau,urmeaza instructiunile:
Logheaza-te in contul tau blogger>selecteaza Aspect>Adauga un obiect Gadget> HTML/JAVASCRIPT>in fereastra deschisa adauga urmatorul cod:

<script style="text/javascript">

function numberOfPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

function numberOfComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}

</script>

<ul><li><script src="http://ajutorblogger.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script></li>

<li><script src="http://ajutorblogger.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></li></ul>
<noscript><a href="http://anshuldudeja.blogspot.com" target="_blank">Blogger Hacks</a></noscript>

Schimba doar adresa in rosu cu adresa ta proprie,si gata...vei avea o statistica clara a posturilor si a comentarilor prezente pe blogul tau.

widget |

Widget:Star Rating pentru posturi-Blogger

Publicat de Cruciu Petre On 23:13 0 comentarii

Daca vrei sa vezi cat de mult le-a placut cititorilor un anumit post,trebuie neaparat sa adaugi acest widget.
Adaugarea acestui widget se face foarte usor.Tot ce trebuie sa faci este sa te loghezi in contul tau.

Pentru ca widgetul sa fie disponibil trebuie sa te loghezi de la adresa draft.blogger.com, varianta mai modernizata de blogger,pe care sunt sigur ca deja ai descoperit-o.

Acum urmeaza aceasta cale:

Aspect > Elemente de Pagina>Editati Postari de Blog>Afisati Evaluarile>Salveaza

Acum vizualizeaza blogul si vei vedea modelul de rating sub fiecare post.

Daca esti umpic mai experimentat in editarea Html a blogului tau,iti voi arata o alta metoda de rating,putin mai rafinata.
Urmeaza aceasta cale:
Aspect>Editare Html>Ctrl+F

Acum cauta <data:post.body />
Imediat dupa aceasta linie verde,adauga urmatorul cod:

<b:if cond='data:blog.pageType == "item"'>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='180'/>
</b:if>
</span>
</b:if>

Acum cauta aceasta linie: <b:include name='nextprev'/>
Adauga sub aceasta linie codul urmator:

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1");
function initialize() {
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

Acum salveaza-ti sablonul si daca nu gaseste nici o eroare vizualizeaza-l.
Un superb widget pentru rating,va aparea sub fiecare post.

widget |

Widget:Recent Posts-Blogger

Publicat de Cruciu Petre On 18:17 0 comentarii

Google iti pune la dispozitie un widget care iti permite sa afisezi nu mai mult de 5 posturi recente,dupa parearea mea foarte putin,de aceea iti voi arata mai jos un widget care are capacitatea sa iti afiseze cate posturi recente vrei tu.
Selectezi Aspect,apoi Elemente de pagina si apoi selectezi Adaugati un obiect gadget(HTML/JAVASCRIPT).

Acum introdu codul de mai jos:

<script src="http://www.sigmirror.com/files/16743_ebb4d/recent-posts.js"></script>

<script>

var numposts = 12;

var showpostdate = false;

var showpostsummary = false;

var numchars = 100;

</script>

<h2>RECENT POSTS</h2>

<script src="http://yourblogname.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
<noscript><a href="http://ajutorblogger.blogspot.com/" target="_blank">Blogger Hacks</a></noscript>

Scriptul in rosu de sus puteti sa il upload-ati altundeva,ca sa nu aveti probleme cu incarcarea acestuia.
Acolo unde scrie yourblogname puneti adresa blogului vostru,iar la var numposts = 12; alegeti cate posturi vreti sa apara in widget.

widget |

Widget:Crearea unui Scroll Bar (Blogger)

Publicat de Cruciu Petre On 22:12 0 comentarii

Wdiget-ul pentru Scroll Bar poate fi adaugat in bara laterala in cazul in care vreti sa introduceti un text lung sau sa va adaugati categoriile care de asemeanea sunt prea lungi.Aceasta bara laterala este foarte folositoare daca ai multe categorii(labels) sau multe posturi intr-un spatiu restrans sau limitat.

Pasii pentru adaugarea Widgetu-lui:
Intati in contul blogger,selectati aspect, apoi elemente de pagina si selectati:adaugati un obiect gadget.
In fereastra nou aparuta introduceti urmatorul cod:

<div class="widget-content">
<ul style="height:150px;width:150px; overflow:auto; ">

<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li>
<li><a href="http://www.blogaddress.com">Your Text</a></li><span style="font-weight:bold;"></span>

</ul></div></blockquote>

Rezultatul va fi ca aici:

Ceea ce apare cu rosu,reprezinta marimea ScrollBar-ului,marime pe care voi o veti alege alegeti.

widget |

Descrierea Sitului

Blogger Template:Magasin Cuatro

Widget:Google News-Blogger

Widget:Taguri flash animate-Blogger

Widger:Random Posts-Blogger

Widger:Popular Post-Blogger

Widget-Creare Ad Banner Rotitor

Widget:Drop Menu-Blogger

Widget:Statistici Blog-Blogger

Widget:Star Rating pentru posturi-Blogger

Widget:Recent Posts-Blogger

Widget:Crearea unui Scroll Bar (Blogger)

Twitter Updates

Followers

Labels

RECENT POSTS

Blog Archive