2017

cu reduceri
Se afișează postările cu eticheta butoane pe blog. Afișați toate postările
Se afișează postările cu eticheta butoane pe blog. Afișați toate postările

Buton pentru refresh

buton refresh pentru blog,site,forumuri
Foarte multi dintre vizitatorii acestui blog m-au intrebat daca exista un cod pentru un buton refresh pe care sa il adauge pe blogul lor.

Sunt foarte multe dar eu personal il prefer pe cel mai simplu, asa ca, la treaba.

Folosind urmatorul cod se poate adauga ori unde pe blog acest buton refresh.
<input type="button" value="Incarca pagina" onClick="location.reload();" style="width: 200px; height: 30px; background: #6699FF; color: #ffffff; cursor: pointer; border: 0px;"/>
- Se poate schimba textul: Incarcare pagina
- se poate schimba stilul butonului din urmatoarele caracteristici:
- Latime = width: 200px
- Inaltime = height: 30px
- Culoare de fond = background: #6699FF
- culoare de text = color: #ffffff
- Margine = border: 0px

Se poate schimba marimea,culoarea,textul dupa cum doresti.
rezultatul este:


alt exemplu:

Schimba culoarea la butoane!

buton cautaDeşi foarte multi dintre voi stiu acest lucru, sunt persoane care înca ma întreba ce să fac pentru a schimba culoarea din butoanele de pe unele gadget-uri, cum ar fi butonul Search, Aboneaza-te, etc.

Cod comun pentru un buton este ca aceasta:
<input value="Buscar" name="button" type="submit"/>

Tot ce trebuie să faci este să adaugi un stil de a avea o culoare de fundal:
<input style="background-color: #119C7C" value="Cauta" name="button" type="submit"/>


De asemenea, se poate schimba culoarea de text, deci vom adăuga "culoare" stil:
<input style="color: #FF0000" value="Cauta" name="button" type="submit"/>


Sau daca preferi poti adauga o imagine de fond la respectivul buton:
<input style="color: #040404; background: url('URL de la imagine')" value="Cauta" name="button" type="submit">


Si ultimul pas: adaugare la buton a unui link!
<a href="url_link"><input style="color: #003366; background: url('http://img26.imageshack.us/img26/2059/attentionb.png')" value="Pentru Webmasters" name="button" type="submit"></a>

Butoane PageRank pentru blog sau site web

PageRank este un instrument pentru a masura si a verificare ce importanta da Google unei pagini web sau blog. Cu cat valoare PR este mai mare cu atat siteul sau blogul tau apare in primele pozitii in motoarele de cautare Google,Yahoo,Bing etc, deci va primi mai multe vizite zilnic.

In continuare iti prezint cateva modele de butoane PR care se pot adauga foarte usor pe blog doar prin copierea unui cod si lipirea lui intr-un nou gadget HTML/Javascript.

Cod Buton PageRank:
<a href="http://www.searchenginegenie.com/tools/pagerank-checker-tool.htm" target="_blank"><img src="http://www.searchenginegenie.com/tools/pagerank.php" alt="pagerank searchengine optimization " border="0" /></a>
exemplu 1:
pagerank searchengine optimization

<a href="http://www.searchenginegenie.com/tools/pagerank-checker-tool.htm" target="_blank"><img src="http://www.searchenginegenie.com/tools/pagerank_orange.php" alt="pagerank search engine optimization " border="0" /></a>

exemplu 2:
pagerank search engine optimization

<a href="http://www.searchenginegenie.com/tools/pagerank-checker-tool.htm" target="_blank"><img src="http://www.searchenginegenie.com/tools/pagerank_C.php" alt="pagerank search engine optimization " border="0" /></a>
exemplu 3:
pagerank search engine optimization

<a href="http://www.searchenginegenie.com/tools/pagerank-checker-tool.htm" target="_blank"><img src="http://www.searchenginegenie.com/tools/pagerank_hand.php" alt="pagerank search engine optimization " border="0" /></a>
exemplu 4 Mana Simbol:
simbol mana pagerank

<a href="http://www.searchenginegenie.com/tools/pagerank-checker-tool.htm" target="_blank"><img src="http://www.searchenginegenie.com/tools/pagerank_arch.php" alt="pagerank search engine optimization " border="0" /></a>
exempu 5 Arheologie PageRank:

buton arheologie pagerank

Butoane cu CSS3 pentru blog

Aceasta este o alta forma de a construi butoane fara imagini,folosind umbre si alte efecte cu CSS3,adevarat cu cateva limite, dar functionand cu orice browser.

mergi la Aspect --> Editere HTML/Javascript si inainte de linia ]]></b:skin> adauga urmatorul cod CSS:
<style>
ul.demobotones a {
color: #FFF;
float: left;
font-size: 26px;
height: 40px;
line-height: 40px;
margin: 0 5px;
text-align: center;
text-shadow: 1px 1px 1px #000;
width: 120px;
-moz-border-radius: 9px; /* Firefox */
-webkit-border-radius: 9px;
border-radius: 9px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#65A5ED", endColorstr="#AEEAFF"); * Internet Explorer */
background: #65A5ED;
background: -moz-linear-gradient(center bottom,rgb(150,238,255) 11%,rgb(131,178,229) 41%,rgb(85,155,229) 54%,rgb(194,204,234) 94%); /* Firefox */
background: -webkit-gradient(linear,left bottom,left top,color-stop(0.11, rgb(150,238,255)),color-stop(0.41, rgb(131,178,229)),color-stop(0.54, rgb(85,155,229)),color-stop(0.94, rgb(194,204,234))); /* Chrome y Safari */
background: linear-gradient(top, #65A5ED, #AEEAFF); /* W3C */
-moz-box-shadow: 0 0 4px #000; /* Firefox */
-webkit-box-shadow: 0 0 4px #000; /* Chrome y Safari */
box-shadow: 0 0 4px #000; /* W3C */
}
ul.demobotones a:hover{
border-color: #000062;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=”#DBDBDB”, endColorstr=”#FFFFFF”); * Internet Explorer */
background: #DCDCDC;
background: -moz-linear-gradient(center bottom,rgb(255,255,255) 0%,rgb(214,214,214) 50%,rgb(235,235,235) 71%,rgb(248,248,248) 85%); /* Firefox */
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(255,255,255)),color-stop(0.5, rgb(214,214,214)),color-stop(0.71, rgb(235,235,235)),color-stop(0.85, rgb(248,248,248))); /* Chrome y Safari */
background: linear-gradient(top, #dbdbdb, #fff);-moz-box-shadow: 0 0 6px #000;-webkit-box-shadow: 0 0 6px #000;box-shadow: 0 0 6px #000; /* W3C */
}
ul.demobotones a:active{
-moz-box-shadow: 0 0 2px #000; /* Firefox */
-webkit-box-shadow: 0 0 2px #000; /* Chrome y Safari */
box-shadow: 0 0 2px #000; /* W3C */
}
</style>

si ultimul pas: unde doresti sa apara butoanele adaugi urmatorul cod HTML:
<ul class="demobotones"><a href="#">Blogger</a> <a href="#">RSS</a> <a href="#">Contact</a></ul>

SI REZULTATUL ESTE URMATORUL:

Noile butoane oficiale de Twitter

butoane oficiale de twitterDe cateva zile sunt disponibile oficial noile butoane si se poate obtine codul lor direct de pe pagina ta Twitter.Acestea se gasesc la sectiune "Extras" unde apare un nou buton de twittear click pe el si la deschiderea pagini vei gasi modele de butoane atat verticale cat si orizontale cu sau fara numarul de persoane inscrise de tine. O data ce ai ales butonul mai jos gasesti codul html , copiazal si adaugal pe blogul tau.
Cum se adauga butonul in fiecare postare sub titlul articolului la stanga sau dreapta unui articol postat pe blog.

Mergi la Editare HTML si marcheaza "Extindeţi şabloanele control" si cauti eticheta urmatoare:
<div class='post-body entry-content'>
imediat sub ea adaugi urmatorul cod html
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='display: inline; float: right; margin-left: 5px;'>
AICI VINE CODUL HTML AL BUTONULUI COPIAT DE PE TWITTER
</div>
</b:if>
PENTRU A SCHIMBA POZITIA DE LA DREAPTA LA STANDA SAU VICEVERSA inlocuim float: right; margin-left cu float: right; margin-right Salveaza sablonul si ai deja instalat butonul pe blog.

Buton de efect si text aleator

Mai mult ca sigur ai intilnit acest model de buton cu un efect special ce apare mai jos folosit in anumite ocazii pe site sau blog si ti l-ai dorit. Acum folosind codul html din acest post il poti instala pe blogul tau fara probleme, deci se copiaza codul si Atentie! trebuie sa inlocuiesti url cu cel de la blogul tau si clar textul.

<center><form method=get action="URL"><input type=submit value="Titlu">

Rezultatul este acesta:








Scripts pentru butoane, imagini, link-uri sau bannere in rotatie

O modalitate de rotire intr-un timp prestabilit a unor bannere sau imagini (cu lunk-urile aferente) pe un spatiu cat mai redus este posibila folosint un script specializat.Un exemplu il poti vedea in partea dreapta sus a blog-ului.

Acest lucru poate servi pentru a afişa o listă de link-uri de orice fel, fără a lua spaţiu prea mult şi fără a da prioritate unul dintre ele: (un blogroll, un număr de bannere publicitare, butoane sau doar cateva imagini pentru tine).

<script type="text/javascript">
var ban = new Array();
var enl = new Array();
var indice = 0;

ban[0] = new Image();
ban[0].src = "URL IMAGINE1";
enl[0] = "URL LINK1";

ban[1] = new Image();
ban[1].src = "URL IMAGINE2";
enl[1] = "URL LINK2";

ban[2] = new Image();
ban[2].src = "URL IMAGINE3";
enl[2] = "URL LINK3";

indice = Math.random() * (ban.length);
indice = Math.floor(indice);

function rota()
{if (indice == ban.length) indice = 0;
if (document.images) {
document.images.rotando.src = ban[indice].src;
}
else {
document.getElementById('rotando').src=ban[indice].src;
}
indice++;
setTimeout('rota()',2000);
}
function vete() {window.open(enl[indice-1]);}
</script>

<img id="rotando" style="cursor:pointer;" src="" onclick="vete();"/>
<script type="text/javascript">rota();</script>

2000 este valoarea în timp în milisecunde (2 secunde)de aştepte înainte de afişarea urmatoarei imagini. Aveţi posibilitatea să modificaţi această valoare, cu alta pe care o doresti.

Si in ultimul rand trebuie sa schimbi URL IMAGINE1,URL IMAGINE2,URL IMAGINE3 cu url-urile de imagine care doresti sa fie afisate,de asemenea inlocuieste URL LINK1,URL LINK2,URL LINK3, cu cel care vrei sa insoteasca imaginea respectiva.

Acest script il poti folosi intr-un badget HTML.

Buton contor de vizite online

Sigur ca ai vazut un buton de genul acesta pe multe bloguri sau site.Acest widget arata in timp real cati vizitatori sunt conectati pe blog in orice moment si de asemenea ai posibilitatea de a urmari statisticile 24h din 24h. Pentru a obtine codul html mergi WhosAmung copiezal si il insertezi in blog unde doresti sa apara. Daca nu vrei un wiget static atunci poti sa alegi alt model dintre cele oferite de WhosAmurg showcase

Generator de butoane pentru blog sau site web

Dorinta noastra de a realiza butoane personalizate pentru un blog sau site este din ce in ce mai mare. Cu acest generator Buttonator.com vom reusi sa proiectam foarte usor butoane de calitate sau icons si gratuit fara sa contina publicitate ca si in alte cazuri. Avem posibilitatea de a alege dintre cele 80 de modele si sa modificam: marime text,culoare text,culoare fond buton etc.
Nu este nevoie sa te inregistrezi dar daca doresti atunci odata inscris ai acces la mai multe modele si dimensiuni de butoane.

Genereaza butonul pentru blogul tau aici Buttonator.com

Lasa un comentariu aici.

Twitter Buttones - sursa noua de butoane

TwitterButtons este o noua sursa de butoane foarte elegante pentru a alege si posta pe blogul tau unul dintre ele. Aici vei gasi o colectie de peste 60 de modele si care dupa spusele celui care le deseneaza se va mari.
Cred ca din toata colectia vei alege unul care sa.ti placa si sa il postezi pe blog sau site-ul tau.
Intri pe site si primul lucru care trebuie sa il faci este sa adaugi numele tau de twuiter dai clik pe "GO" si acum poti alege un desen si codul html care il gasesti sub imaginea aleasa.
Pentru a intra pe site click TwitterButtons

Butoane de retele sociale pe blog





Au fost mai multe întrebări cu privire la modul de a adăuga iconiţe(icons) de reţele sociale în bara laterală a unui blog. Nu este nici un mister in rezolvarea acestei probleme,dimpotrivă este foarte simplu urmarind pas cu pas explicatiile ce urmeaza:

Primul lucru pe care il face este sa adaugam o clasa pentru butoane, mergem la Desen si cod HTML si cautam linia ]]></b:skin> exact inaintea ei vom adauga urmatorul cod;

#retele-sociale {
text-align: center;
padding:15px;
border: 1.9px dashed #C0C0C0;
}

Continutul blocului care o sa-l adaugam in continuare numit (retele-sociale) se va situa central in gadget-ul in care dorim sa il plasam.
Deci ne intoarce la la sablonul blogului clik Aspect si adaugam un gadget, alegem obtiunea(HTML/Java script) adaugand codul de mai jos:


<div id="retele-sociale">
<a target="_blank" href="http://feeds2.feedburner.com/numele-tau-feedburner" rel="alternate" title="Inscriere" type="application/rss+xml"><img alt="rss" style="border:0" src="url-imagine-Feed" /></a>

<a target="_blank" href="http://twitter.com/numele-tau-twitter" title="Twitter">
<img alt="en Twitter" src="url-imagine-Twitter" />
</a>

<a target="_blank" href="http://www.facebook.com/profilul-tau--facebook" title="Facebook">
<img alt="en Facebook" src="url-imagine-Facebook" />
</a>

<a target="_blank" href="http://www.youtube.com/user/numele-tau" title="YouTube">
<img alt="YouTube" src="url-imagine-YouTube" />
</a>
</div>


La final se va inlocui "numele-tau" cu url respectivei retele , la fel si "url-imagine" se va fi schimbat cu url-ul magini pentru reteaua sociala respectiva.

Generator de bottones pentru blogul tau

Butoanele Mini, insigne, Antipixel, indiferent de denumirea lor, aceste butoane sunt în general foarte populare pentru directoare web acestea avand o dimensiunea 80x15px si sunt destul de popular în paginile web, deoarece dimensiunea lor permite intr-un spatiu mic sa fi afişat mai multe dintre aceste butoane, plus simplitatea design care nu distragă atenţia utilizatorului de la continutul pagini web.
Ei bine, Brilliant Maker buton este un generator de aceste butoane mini care vă permite foarte uşor sa creati propriul buton mini , folosind nu numai schema de culori , dar, de asemenea, vă permite să adăugaţi imagini.Pur şi simplu alegeţi culoarea de margine, culoarea de fundal a celor două secţiuni, textul şi gata. Pentru a salva faceţi clic pe Save it şi il puteţi încărca la orice server.
Butonul il poti folosi pentru legaturi intre diferite site cu blogul tau.
Intra aici si creaza-ti un butonul pentru blog Brilliant Button Maker

Adauga voce pentru blog sau site web

voce pe blogvozMe este un instrument audio de citire text de pe o postare si este foarte util persoanelor cu anumite probleme de vedere. O data instalat pe blogul tau trebuie sa marchezi textul care vrei sa fie citit si dai click pe buton,acesta va citi pentru tine respectivul text. Se poate folosi pe plataformele Blogger,WardPress precum si pe un site web. Se poate alege redarea textului intre o voce masculina sau feminina si se mai poate configura si anumite dimensiuni si culoare fond pentru buton.

Pentru mai multe informaii sau a prelua codul html wozMe

Generator de butoane pentru blog sau site

Pentru cei care nu au practica in utilizarea programelor de grafica va sugerez un serviciu online care va poate ajuta in construirea butoanelor necesare unui blog sau site.
TheFreeWebStuff
este un site ce are la baza un generator de butoane online cu ajutorul caruia poti face un buton in cateva secunde.
Utilitatea unui buton care incorporeaza o functie, de regula un link ,trebuie sa tina seama de particularitatile paginii pe care butonul sau bannerul trebuie incadrat,de care noi vom tine cont.

Aici gasesti Generator de butoane Web 2.0-gratuit The Free Web Stuff

Share Button pentru Facebook

buton share
button shareButonul Share este cea mai uşoară cale de a permite conţinutul blogului tau. să fie cunoscut pe Facebook. Butonul il gasesti in doua variante ; o varianta in care alaturi de Share button apare numarul vizitelor; si a doua varianta deasupra butonului apare numarul accesarilor. Mai multe informatii de configurare buton gasesti aici.
Nu uita daca vrei sa obti codul html adaptat la blogul tau trebuie sa fi logat pe conrul tau Facebook.

NOTA:Daca nu ai timp sa configurezi butonul atunci copiaza codul de mai jos si posteazal pe blog rezultatul este acesta -> Share dupa accea dai clik pe el si te trimete direct la pagina unde poti introduce URL blogului tau si postar direct pe Facebook.



Aici poti lasa un comentariu.

Obtine buton Skype pentru blogul tau

Butonul de Skype se poate folosi pe un site sau blog si chiar la semnatura de pe mail-ul tau asa ca, alte persoane poate comunica mai usor cu tine.Poti alege butonul Skype dupa preferinta (model static sau animat).


Pentru a obtine codul html mergi la aceasta pagina clik aici unde vei gasi mai multe tipuri de butoane si posibilitatea de a modifica pe gudtul tau anumiti parametri.

Lasa un comentariu aici...