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.