Azi este Sambata, 5 de Aprilie.2017

cu reduceri

Gadget butoane de retele sociale pe blog

Va prezin un gadget de retele socializare ce il folosesc eu pe acest blog vezi la sfarsitul pagini.

gadget retele socialePenttru instalarea gadget-ului pe bara laterala a blogul-lui tau trebuie doar sa copiezi codul de mai jos si sa il adaugi intr-un nou element HTML/Javascript.
<div id="marcadores-sociales" style="text-align:center;">
<a class="rss" href="URL_DE_FEED" target="_blank" title="Inscriete"><img src="URL_ICON_RSS" /></a><a class="twitter" href="URL_DE_LA_PAGINA_TA_IN_TWITTER" target="_blank" title="Vino in Twitter"><img src="URL_ICON_TWITTER" /></a><a class="facebook" href="URL_DE_LA_PAGINA_TA_IN_FACEBOOK" target="_blank" title="Sunt si in Facebook"><img src="URL_ICON_FACEBOOK" /></a><a class="technorati" href="http://technorati.com/account/signup/" target="_blank" title="Technorati Favorito"><img src="
URL_ICON_TECHNORATI" /></a><a class="youtube" href="URL_DE_LA_CANAL_IN_YOUTUBE" target="_blank" title="Mi canal en Youtube"><img src="URL_ICON_YOUTUBE" /></a></div>
<style type='text/css'>
a.rss img {opacity:0.8;}
a.rss:hover img {opacity:1;}
a.twitter img { opacity:0.8;}
a.twitter:hover img { opacity:1;}
a.facebook img { opacity:0.8;}
a.facebook:hover img { opacity:1;}
a.technorati img { opacity:0.8;}
a.technorati:hover img { opacity:1;}
a.youtube img { opacity:0.8;}
a.youtube:hover img { opacity:1;}
</style>
Modificari care trebuiesc realizate:
inlocuieste ce apare in culoarea rosu cu url respectivelor retele
tot ce este in culoarea albastru inlocuiestel cu url fiecarei imagini ale retelei .

Related Posts:

  • Adauga data pe blog in formatul textPoti adauga pe blog data (ziua.luna si anul) in formatul text cu un simplu script. Cand spun format text ma refer la aparitia datei exact cum ai scrie un text si se vede asa:Azi este Duminica - 14/02/2010Data din acest exempl… Read More
  • Meniu vertical - clase CSSAdaug azi un nou meniu vertical folosind clase CSS, acesta utilizeaza o imagine de fond unica pentru a realiza 3 efecte diferite.Pentru incorporarea lui intr-un blog se respecta urmatori pasi:1. Copiaeza urmatoarea imagine in… Read More
  • Elimina bara de navigare (NavaBar) in BloggerNavabar este o bara de navigare care apare in partea de sus a blog-ul tau de blogger, şi poate fi eliminata foarte simplu daca te deranjeaza.Mergi la Desing cauta "Editi HTML" şi inseraţi urmatorul cod înainte de linia </h… Read More
  • Editor HTML online cu vizualizare instantaneeInstant HTML este o aplicatie simpla cu care putem scrie HTML şi de a afişa rezultatele instantaneu (WYSIWYG).Editor functioneaza în orice moment în timp real, astfel încât să putem vedea documentul rezultat in timp ce scriem… Read More
  • O imagine diferita in fiecare zi din luna! Pentru toti ce doresc sa adauge pe blogul lor o imagine diferita in fiecare zi in mod automat, pot utiliza un script ce functioneaza perfect in sbloanele de blogger.Codul se poate adauga in urmatorul fel: mergi la Desing --… Read More

0 comentarios:

Trimiteți un comentariu

Bine ai venit!
In continuare poti lasa mesajul tau.

Multumesc