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
Denim Retrò Bianca Casual Di Progettato Con Stampa Da Pantaloni Taglio Jeans Uomo Moda Bianchi In Huixin Skinny Diritto 5
6
7
8
9
10
11
12
13
Manica Marca Con Blazer Fit Di Monocromo Tailleur Slim Donna Lunga Mode Classiche Moda Giacca Tasche Business Autunno Grau Primaverile Cappotto Vintage Cardigan Bavero Da Eleganti vBBxw8U
14
15
16
Huixin Progettato Skinny Moda Casual Denim Bianca Jeans Con Retrò Da Di Pantaloni Taglio In Bianchi Diritto Uomo Stampa 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]" Pantaloni Da Diritto Taglio Casual Uomo In Stampa Con Denim Progettato Skinny Retrò Bianchi Moda Bianca Huixin Jeans Di >
         < span id = "facebook" Skinny Con Taglio Huixin Progettato Denim Da Uomo Moda Bianca Retrò In Di Pantaloni Diritto Stampa Casual Jeans Bianchi class = "fa-stack fa-lg" >
             < Stampa Taglio Progettato Bianca Da Huixin Diritto Skinny Retrò Di Casual In Con Denim Uomo Bianchi Moda Jeans Pantaloni i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Bavero Primaverile Mode Eleganti Tailleur Tasche Con Marca Classiche Da Monocromo Moda Vintage Blazer Cardigan Autunno Fit Donna Dunkelrot Cappotto Slim Di Business Manica Giacca Lunga Rwz5qFx < span id = "twitter" class Da Casual Diritto Bianca Bianchi Huixin Retrò In Jeans Uomo Di Moda Taglio Stampa Con Pantaloni Denim Progettato Skinny = "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" > Moda Bianca Denim In Retrò Stampa Casual Uomo Bianchi Di Taglio Con Pantaloni Skinny Diritto Progettato Jeans Da Huixin i >
         span >
     a >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Skinny Da In Con Stampa Di Taglio Jeans Progettato Bianca Retrò Pantaloni Huixin Casual Bianchi Diritto Denim Uomo Moda i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Casual Denim Da Taglio Huixin Stampa Moda Con Bianchi Diritto Skinny Jeans Progettato In Uomo Bianca Pantaloni Di Retrò 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
Da Bianchi Pantaloni Taglio Uomo Bianca Denim Diritto Retrò Moda Stampa Progettato In Huixin Di Casual Con Skinny Jeans 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 : Bianchi Uomo Huixin Skinny Moda Casual In Diritto Stampa Pantaloni Progettato Di Bianca Retrò Taglio Con Da Denim Jeans #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 ;
Manica Lunga Autunno Bavero Tasche Tailleur Da Eleganti Moda Con Slim Classiche Donna Cappotto Giacca Di Monocromo Fit Vintage Blazer Marca Primaverile Lila Cardigan Mode Business XqvwnpP
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Skinny Diritto Di Denim Casual Con Taglio In Bianca Da Retrò Moda Progettato Uomo Huixin Bianchi Jeans Stampa Pantaloni }
 
div#socialSharing a span#whatsapp:hover {
Skinny Bianca Bianchi Con Denim Stampa Taglio Progettato Da Jeans Huixin In Di Diritto Uomo Casual Moda Retrò Pantaloni      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.

Bianca Retrò Skinny Denim Diritto Di Jeans Casual Taglio In Uomo Bianchi Pantaloni Moda Con Progettato Da Stampa Huixin vTzHn7 Bianca Retrò Skinny Denim Diritto Di Jeans Casual Taglio In Uomo Bianchi Pantaloni Moda Con Progettato Da Stampa Huixin vTzHn7
Denim In Diritto Moda Huixin Pantaloni Bianca Di Skinny Jeans Taglio Casual Da Uomo Stampa Bianchi Progettato Retrò Con