Morbidi Stretch Comodi Retro Blau Ragazzo Denim Jeans Pantaloni Uomo Fit Slim Da Dritti ZqEOP MENU

Hai bisogno di condividere i tuoi post su Facebook, Twitter, Google+, Linkedin, Pinterest o Whatsapp, ma non vuoi utilizzare quelle scomode e lunghe funzioni fornite dai vari Social? Con questa piccola guida ti spieghiamo come fare, senza utilizzare le API specifiche.

Diamo per scontata la conoscenza dei linguaggi HTML e CSS, anche se minima.

Per ogni social media network basta generare un link specifico, alla quale successivamente si passano i valori che vogliamo pubblicare.

Facebook

Per la condivisione su Facebook bisogna usare il seguente link http://www.facebook.com/sharer.php?u=[URL_FULL] dove a [URL_FULL] bisogna sostituire l’indirizzo completo della pagina da condividere.

Twitter

La condivisione su Twitter, invece ci permette di passare più valori: http://twitter.com/share?text=$[TITLE]&url=[URL_FULL]&hashtags=[HASHTAG], infatti possiamo dare un titolo ([TITLE]), passare l’indirizzo completo della pagina ([URL_FULL]) e inserire degli hashtags separati da una virgola ([HASTAG]).

Pinterest

La condivisione Pinterest permette di creare un Pin usando http://pinterest.com/pin/create/button/?url=[URL_FULL]&description=[DESCRIPTION]. Qui, oltre a fornire l’indirizzo della pagina da condividere, si può anche passare una descrizione della stessa ([DESCRIPTION]).

Google+

Per la condivisione su Google+ invece si usa: https://plus.google.com/share?url=[URL_FULL] al quale è sufficiente passare l’indirizzo completo.

LinkedIn

La condivisione Linkedin ci permette una personalizzazione maggiore: https://www.linkedin.com/shareArticle?mini=true&url=[URL_FULL]&title=[TITLE]&source=[SITE_NAME]; infatti oltre a passare l’indirizzo completo della pagina ([URL_FULL]), si può assegnare un titolo ([TITLE]) e passare il nome del sito ([SITE_NAME]).

WhatsApp

Per la condivisione su WhatsApp invece, possiamo usare il link whatsapp://send?&text=[TITLE] [URL_FULL] passando quindi il titolo della pagina ([TITLE]) o un testo a scelta, e l’indirizzo della stessa ([URL_FULL]).

Per la rappresentazione grafica, abbiamo scelto di utilizzare le icone in vettoriale fornite da Font Awesome.

In basso potete trovare uno script completo simile a quello che utilizziamo sui nostri siti web.

É necessario, per far funzionare le icone, includere nella head della tua pagina il seguente stile: https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css per utilizzare le icone in vettoriale.

Ecco il codice HTML:

?
1
2
3
4
Armour Reaper Uomo Under Jacket Ridge black Ba Camo Armatura Reactor Da Coldgear Sotto 5
6
7
8
9
10
11
12
13
Donna Lunga Asimmetrico Sudore Manica Fit Con Stlie Pulsante Casual Cappotto Elegante Ufficio Pieghe Grazioso Monocromo Blazer Slim Business Tailleur Giacca Giaccone Autunno Primaverile Da Khaki qqXRr
14
15
16
Da Reaper Jacket Under Coldgear Sotto Camo Armatura Ba Reactor black Armour Ridge Uomo 17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
< div id = "socialSharing" >
     < a href = "http://www.facebook.com/sharer.php?u=[URL_FULL]" Camo Reactor Ridge Jacket Under Da Sotto Coldgear black Armour Ba Reaper Uomo Armatura >
         < span id = "facebook" black Uomo Ridge Coldgear Sotto Armatura Armour Jacket Reactor Reaper Ba Camo Da Under class = "fa-stack fa-lg" >
             < Ba Under Ridge Reactor Reaper Armour Uomo Jacket Sotto black Da Camo Coldgear Armatura i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Primaverile Casual Monocromo 2 Pulsante Fit Giaccone Donna Stlie Ufficio Asimmetrico Da Cappotto Elegante Giacca Blazer Pieghe Sudore Autunno Lunga Royal Blue Con Tailleur Slim Business Grazioso Manica ExqaYA < span id = "twitter" class Armatura Jacket Sotto Da Armour Reactor black Camo Coldgear Ba Under Reaper Uomo Ridge = "fa-stack fa-lg" >
             < i class = "fa fa-twitter fa-stack-1x" > i >
         span >
     a >
     < a href = "http://pinterest.com/pin/create/button/?url=[URL_FULL]&description=[TITLE]" class = "pin-it-button" count-layout = "horizontal" >
         < span id = "pinterest" class = "fa-stack fa-lg" >
             < i class = "fa fa-pinterest-p fa-stack-1x" > i >
         span >
     a >
     < a href = "https://plus.google.com/share?url=[URL_FULL]" >
         < span id = "googleplus" class = "fa-stack fa-lg" >
             < i class = "fa fa-google-plus fa-stack-1x" > i >
         span >
     a >
     < a href = "https://www.linkedin.com/shareArticle?mini=true&url=[URL_FULL]&title=[TITLE]&source=[SITE_NAME]" >
         < span id = "linkedin" class = "fa-stack fa-lg" >
             < i class = "fa fa-linkedin fa-stack-1x" > Da Armour black Reactor Camo Ba Jacket Under Armatura Uomo Reaper Coldgear Ridge Sotto i >
         span >
     a >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Reactor Uomo Armatura Reaper Da Jacket Camo Armour Coldgear black Under Sotto Ba Ridge i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Under Da Jacket Uomo Coldgear Reaper Ba Armatura black Camo Ridge Armour Sotto Reactor 5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
Ba black Ridge Reactor Armatura Coldgear Armour Reaper Da Under Jacket Uomo Camo Sotto 53
54
55
56
57
div#socialSharing a span.fa-lg {
     border-radius: 50% ;
     margin : 1% ;
     color : #FFFFFF ;
}
 
div#socialSharing a span.fa-lg i {
     font-style : normal ;
}
 
div#socialSharing a span #faceb ook {
     background-color : #3b5998 ;
}
 
div#socialSharing a span #faceb ook:hover {
     background-color : #133783 ;
}
 
div#socialSharing a span#twitter {
     background-color : #1da1f2 ;
}
 
div#socialSharing a span#twitter:hover {
     background-color : #2582bb ;
}
 
div#socialSharing a span#pinterest {
     background-color : #bd081c ;
}
 
div#socialSharing a span#pinterest:hover {
     background-color : Under Camo Coldgear Reactor Ridge Reaper Ba Armour Da Armatura Sotto Uomo black Jacket #880e1c ;
}
 
div#socialSharing a span#googleplus {
     background-color : #db4437 ;
}
 
div#socialSharing a span#googleplus:hover {
     background-color : #cf1808 ;
}
 
div#socialSharing a span#linkedin {
     background-color : #0077b5 ;
Autunno Blazer Monocromo Fit Lunga Giaccone Elegante Con Da Casual Tailleur Asimmetrico Primaverile Ufficio Slim Pieghe Stlie Donna Cappotto Giacca Manica Business Sudore Black2 Grazioso Pulsante a5qWxP
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Jacket Da Uomo Reactor Armour Camo Armatura Ba black Ridge Under Coldgear Sotto Reaper }
 
div#socialSharing a span#whatsapp:hover {
Armatura Ba Uomo Da Ridge Reaper Coldgear Armour Jacket Under Camo Reactor Sotto black      background-color : #03c164 ;
}

Consigliamo di far visualizzare la condivisione WhatsApp solo nei terminali mobili.

Se vuoi vedere come abbiamo sviluppato la condivisione per i nostri clienti, visita il sito di Gallura Disinfestazioni oppure di Renney and Co.

Ti ricordiamo che per avere una completa personalizzazione anche dei post, bisogna inserire nel codice HTML le varie Open Graph tags, che spiegheremo nei prossimi post.

Iscriviti alla nostra newsletter o seguici sui nostri Social Network per restare aggiornato sulle nostre nuove guide.

Reactor Armatura Jacket Uomo Ridge Reaper Camo Da black Coldgear Armour Sotto Under Ba qY6ES
Sotto Reactor Ridge Armour Under black Da Coldgear Reaper Armatura Ba Uomo Jacket Camo