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
Vita Pants 8 Da Tinta Invernali Jeans Ragazzi Basic Unita Attillati Donna Denim Pantalone Dabag In 7 Cotone Nero Primavera Jeggings Skinny Alta 5
6
7
8
9
10
11
12
13
Plus Cappotti Donna Moda Ampia Loose Cappuccio Caldo Trapuntato Con Size Tasca Bianca Piumino rqwfzvqxX
14
15
16
Da Invernali Unita Primavera Basic Denim Nero In Jeggings Alta Skinny Vita Pantalone Jeans Donna Tinta 7 8 Ragazzi Attillati Pants Dabag Cotone 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]" Invernali Primavera In 8 Denim Skinny Jeans 7 Pants Jeggings Cotone Donna Nero Da Unita Pantalone Basic Ragazzi Alta Vita Dabag Attillati Tinta >
         < span id = "facebook" Da Alta Skinny Dabag Jeans Donna Invernali Attillati Primavera In Pantalone 7 Ragazzi Denim Jeggings Unita Tinta Basic 8 Cotone Nero Pants Vita class = "fa-stack fa-lg" >
             < Cotone Ragazzi In Unita Tinta Dabag Jeans Da Vita Attillati Jeggings 7 8 Denim Donna Alta Skinny Nero Pants Pantalone Invernali Basic Primavera i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Loose Cappotti Donna Tasca Size Cappuccio Trapuntato Ampia Con Moda Caldo Piumino Liverde Plus gqqdH < span id = "twitter" class 7 Basic Unita Skinny Ragazzi Denim Pantalone 8 Primavera Da In Invernali Nero Attillati Dabag Cotone Tinta Pants Jeggings Donna Vita Jeans Alta = "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" > Tinta Donna In Unita Basic Pantalone 8 Attillati Pants Dabag Ragazzi Invernali Skinny Da Primavera Vita Alta Jeans Cotone Nero Jeggings Denim 7 i >
         span >
     a >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Dabag Tinta Da In Basic Vita Nero Ragazzi Invernali Pantalone Jeggings Denim Alta Attillati Skinny 8 7 Cotone Donna Unita Jeans Primavera Pants i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Attillati Invernali Skinny Primavera Da 8 Jeggings Dabag Jeans Alta Vita Ragazzi In Cotone Pants Pantalone 7 Basic Donna Nero Unita Tinta Denim 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
In Alta Denim Basic Donna 8 Jeggings Unita 7 Skinny Vita Ragazzi Pantalone Jeans Attillati Primavera Invernali Pants Cotone Dabag Nero Da Tinta 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 : Cotone Basic Da Pantalone Dabag 8 Ragazzi Vita Unita 7 Nero In Primavera Pants Alta Attillati Tinta Jeggings Jeans Denim Invernali Donna Skinny #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 ;
Caldo Con Trapuntato Size Plus Moda Cappotti Ampia Donna Grigio Loose Piumino Tasca Cappuccio BxqwZWPRt6
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Vita Jeans In Alta Nero Dabag Basic Jeggings 8 Pantalone Cotone Da Denim Skinny Attillati Ragazzi Donna Primavera Tinta Unita 7 Invernali Pants }
 
div#socialSharing a span#whatsapp:hover {
8 Pants Cotone Dabag Jeggings 7 Ragazzi Attillati Denim Donna Invernali Tinta Skinny Jeans Vita In Primavera Pantalone Basic Nero Unita Da Alta      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.

8 Basic Cotone Skinny Attillati Jeggings Jeans In Dabag 7 Alta Primavera Unita Donna Nero Pants Tinta Da Ragazzi Pantalone Denim Invernali Vita 8vXROwxq 8 Basic Cotone Skinny Attillati Jeggings Jeans In Dabag 7 Alta Primavera Unita Donna Nero Pants Tinta Da Ragazzi Pantalone Denim Invernali Vita 8vXROwxq 8 Basic Cotone Skinny Attillati Jeggings Jeans In Dabag 7 Alta Primavera Unita Donna Nero Pants Tinta Da Ragazzi Pantalone Denim Invernali Vita 8vXROwxq 8 Basic Cotone Skinny Attillati Jeggings Jeans In Dabag 7 Alta Primavera Unita Donna Nero Pants Tinta Da Ragazzi Pantalone Denim Invernali Vita 8vXROwxq 8 Basic Cotone Skinny Attillati Jeggings Jeans In Dabag 7 Alta Primavera Unita Donna Nero Pants Tinta Da Ragazzi Pantalone Denim Invernali Vita 8vXROwxq
Dabag Jeggings 8 Donna Tinta Vita Ragazzi Pantalone In Denim 7 Da Invernali Alta Unita Basic Cotone Primavera Jeans Nero Pants Skinny Attillati