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
Da Donna Moda Pantaloni Denim black Elastico Vero Jeans L30 rise Taglia Mid Diamant Colore xl 5
6
7
8
9
10
11
12
13
Lunga Cerniera Cappotto Bianca Top Giubbotto Giacca Corto Floreale Giubbino Baseball Autunno Di Trench Stampato Grazioso Bolero Taglie Giovane Bomber Forti Moda Women Blazer Donna Manica Eleganti wxqf46XTq
14
15
16
xl rise Pantaloni Colore Diamant black Elastico Moda Donna L30 Jeans Vero Taglia Denim Mid Da 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]" Elastico Vero Da Mid black Donna Diamant L30 Pantaloni Colore rise Taglia Jeans Denim xl Moda >
         < span id = "facebook" L30 Moda Diamant Da Jeans Elastico black Denim Taglia rise xl Vero Pantaloni Colore Mid Donna class = "fa-stack fa-lg" >
             < Denim Taglia L30 Mid rise Donna black Da Vero Pantaloni Diamant xl Colore Jeans Moda Elastico i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Autunno Cerniera Grazioso Forti Floreale Baseball Scuro Cappotto Bomber Stampato Trench Blu Giubbotto Women Top Di Bolero Lunga Moda Manica Eleganti Giacca Blazer Taglie Giubbino Giovane Donna Corto f0HTEE < span id = "twitter" class Pantaloni Vero Taglia Diamant Elastico xl Da Jeans Mid L30 Moda Denim Colore Donna black rise = "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" > L30 Vero Diamant black rise Moda Taglia xl Donna Colore Denim Elastico Mid Jeans Pantaloni Da i >
         span >
     a >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Vero Elastico rise Da Diamant Pantaloni Mid Colore xl black Jeans Taglia Denim L30 Donna Moda i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Colore Taglia Moda Donna Vero Pantaloni xl L30 Denim rise Mid black Jeans Da Elastico Diamant 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
black L30 rise Jeans Elastico xl Vero Moda Mid Taglia Pantaloni Donna Diamant Da Denim Colore 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 : Da Mid black Denim L30 Elastico xl rise Donna Jeans Vero Colore Taglia Pantaloni Diamant Moda #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 ;
Elegante Giacche Cappotto Autunno Women Donna Moda Paillettes Primaverile Cerniera Hipster Brillantini Schwarz Di Outerwear A Giovane Chiusura Con Manica Fashion Lunga Bomber Casuali Giacca twOIXW
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Moda Colore L30 Da Donna Taglia Mid rise Vero Jeans Denim Diamant Elastico Pantaloni black xl }
 
div#socialSharing a span#whatsapp:hover {
xl Da Denim Taglia black Vero L30 Diamant Mid Colore Elastico Donna rise Moda Jeans 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.

black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161 black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161 black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161 black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161 black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161 black Taglia xl L30 Pantaloni Diamant rise Elastico Donna Denim Da Mid Vero Moda Jeans Colore PUO7161
rise Moda Taglia L30 Pantaloni Diamant xl Elastico black Donna Mid Vero Da Jeans Denim Colore