Badge pe coltul blogului
De cand am adus vorba de pluginul care scoate nofollow-ul la comentarii si care afiseaza (la dorinta bloggerului) un badge pe un colt al blogului, toata lumea m-a intrebat cum sa-si puna asa ceva si ei. Nu plugin, ci doar un badge, cu diverse informati ori linkuri. HMTL-ul e generos, CSS-ul la fel, variante exista mai multe. O aleg pe cea mai simpla, care consta doar in scrierea unei linii de cod.
Crearea imaginii pentru badge nu cred ca pune nimanui probleme, eu recomand sa nu fie mai mare de 150×150pixeli, dar neaparat gif transparent, nu png. De ce? Internet Explorer 6 din pacate nu se descurca prea bine cu png-urile transparente ori semi-transparente, iar aproximativ 35% dintre utilizatorii de internet inca folosesc browserul respectiv (Firefox-ul si Opera nu au probleme, dar e bine ca badge-ul sa arate ok in toate browserele). Imaginea se pune undeva online ca sa se poatra ajunge la ea printr-un link.
Bun, ca avem imaginea, ne mai trebuie doar codul care vine imediat dupa deschiderea tagului <body>, de preferat inaintea altor div-uri sau elemente HTML.
<a id="badge" href="http://www.linkul-tau.com" title="completeaza titlul linkului"><img src="http://www.link-spre-poza-badgeului.com" alt="Blog Badge" style="right:0px; top:0px; z-index:9; position:absolute;" /></a>
Ctrl-C, Ctrl-V in pagina, se modifica datele linkului badgeului si a locatiei imaginii, Ctrl-S si e gata. :)
(2 votes, average: 5 out of 5)
Loading ...
Majoritatea BADGE-urilor se regasesc pe teme wordpress pentru a evidentia eventualele drepturi de autori, nu prea ma fascineaza. Banuiesc ca mai vor unii badge-uri dintr-astea pentru…reclama.
Bun bun, dar inserat unde…!?
“Bun, ca avem imaginea, ne mai trebuie doar codul care vine imediat dupa deschiderea tagului body, de preferat inaintea altor div-uri sau elemente HTML.” :)