Butoane sociale pentru site fără utilizarea pluginurilor wordpress

1) Colectarea codului butonului de rețea Google +.

Cadrul albastru am selectat locurile în care trebuie să modificați "Adnotarea", inițial este "inline", trebuie să treceți la "bubble". Și, desigur, limba din secțiunea "Limbă" în limba rusă, selectați din listă. Apoi, codul care este evidențiat în cadrul verde trebuie salvat, îl vom folosi în continuare ...

[PHP]

Faceți clic pe salvați, iar în partea de jos părăsiți totul ca de obicei. După cum puteți vedea, dimensiunea implicită a butonului este setată la 22 de px, puteți să o modificați pentru a vă potrivi, de exemplu, dacă doriți ca butoanele să fie ușor mai mari, dar pentru aceasta este posibil să fie necesar să săturați puțin codul. Și ar trebui să alegeți opțiunea "Buton cu un contor miniatural", altfel unul dintre butoanele din versiunea finală va merge.

Pentru a afișa butonul (a doua parte a codului).

3) butonul "Like" de pe Facebook.

Mai întâi trebuie să ștergeți tot ceea ce este scris în câmpul "URL pentru a plăcea" - acest câmp arată ce pagină doriți să specificați atunci când vă place sau repost. Dacă această legătură nu există, atunci pagina cu butonul va fi afișată.
În câmpul "Layot", setați "Button_count" - veți observa imediat cum a fost modificat butonul însuși în exemplul de mai jos.
În câmpul "Lățime" - indică lățimea butonului, pentru o afișare mai bună recomand să instalați 450.
Faceți clic pe "Obțineți codul", apoi veți fi redirecționat către o pagină în care puteți prelua codul dorit.

După cum puteți vedea, codul este, de asemenea, împărțit în două părți, prima parte, pe care am selectat cadrul verde, trebuie să inserați în antetul site-ului după eticheta de deschidere , La fel ca și cu butonul de la Vkontakte, numai după etichetă .

Cealaltă parte a codului ar trebui de asemenea să fie salvată, o vom folosi atunci când introducem codul pentru a afișa butonul în locul potrivit. La mine arata asa, la tine ca.

4) butonul "Retweet" de pe Twitter.

Ei bine, în cazul în care chiar și fără un Twitter nativ. Pentru a-ți ridica butonul retweet, trebuie să te duci din nou la pagină. unde, de asemenea, introduceți criteriile. Selectăm prima opțiune a butonului "Partajați o legătură", după care apar setări suplimentare de mai jos.

În principiu, totul, obținem codul de care trebuie să plasăm unde trebuie să fie afișate butoanele. La mine pare cam asa:

[PHP]

Buton din Google +

Buton de la vKontakte

Un buton de pe Twitter

Butonul din Facebook

[/ php]

Este clar cum se face? Puneți codul butonului în spatele locului cuvintele "Buton de la Google, VC, Twitter" ... Înlocuiți acest test. Este codul butoanelor, nu codul pe care trebuie să-l postați după etichetă sau

Apoi, pentru a adăuga unele efecte la butoane, specificați locația lor și așa mai departe, în stil.css adăugăm următorul cod în partea de jos:

opacitate: 0,7;
margin-bottom: 20px;
margin-stânga: 55px;
margin-top: 45px;
-moz-tranziție: opacitate 0.3s 0.05s ușurință;
-o-tranziție: opacitate 0.3s 0.05s ușurință;
-webkit-tranziție: opacitate 0.3s 0.05s ușurință;

#sochknop: hover margin-top: 45px;
opacitate: 1;
>

#sochknop span -o-marginea-top: 40px;
umplutură: 0px 0px;

linia-înălțime: 10px;
float: stânga;
> [/ php]

Ne vedem in curand, prieteni, asteptand urmatoarele articole ;-) ...

Articole similare

Pagina anterioară

Pagina următoare