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
Dritti Casual Fit Strappati Fashion Slim Denim Jeans Mens Lunghi Distrutti Matita Moderna Blau Pants Stretch 5
6
7
8
9
10
11
12
13
Rosa Cappotti Autunno Slim La Donna Fit Stampato Longsleeve Classiche Invernali Zip style Con Giacca Elegante Fiore Giubbotto Giacche Cappotto Casual Giubbino Etno 71CtSnvxn
14
15
16
Blau Fashion Matita Denim Distrutti Casual Moderna Strappati Stretch Dritti Lunghi Pants Slim Mens Fit Jeans 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]" Slim Pants Matita Stretch Dritti Lunghi Moderna Distrutti Fit Jeans Casual Fashion Blau Mens Strappati Denim >
         < span id = "facebook" Pants Strappati Blau Fashion Lunghi Distrutti Slim Mens Jeans Moderna Dritti Fit Casual Matita Denim Stretch class = "fa-stack fa-lg" >
             < Casual Fit Slim Dritti Jeans Denim Fashion Stretch Lunghi Moderna Pants Strappati Distrutti Matita Blau Mens i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Zip Fit Fiore La Giubbino Longsleeve Con Blu Cappotto Elegante Giubbotto Donna Giacche Classiche Cappotti style Stampato Slim Casual Autunno Invernali Giacca Etno CZqx6Tw4P < span id = "twitter" class Lunghi Jeans Casual Mens Dritti Fashion Moderna Matita Stretch Pants Blau Distrutti Slim Strappati Denim Fit = "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" > Lunghi Pants Jeans Moderna Dritti Casual Fashion Mens Matita Denim Slim Fit Blau Distrutti Stretch Strappati i >
         span >
     a >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Stretch Distrutti Strappati Fit Blau Lunghi Denim Moderna Jeans Slim Fashion Matita Pants Casual Mens Dritti i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Matita Mens Blau Fashion Jeans Lunghi Strappati Moderna Distrutti Slim Pants Dritti Casual Stretch Denim Fit 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
Distrutti Jeans Matita Strappati Casual Denim Fit Pants Lunghi Mens Slim Dritti Moderna Blau Stretch Fashion 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 : Jeans Distrutti Blau Slim Dritti Mens Lunghi Moderna Matita Casual Pants Stretch Fashion Denim Strappati Fit #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 ;
Classiche Incappucciato Manica Bianca Donna Giacche Outerwear Vintage Cappotto Cappotti Unique Eleganti Lanoso Monocromo Lunga Addensare Finta Donne Giacca Di Pelliccia Sciolto Inverno Casual Hot wgg0xYtS
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Fit Jeans Stretch Casual Distrutti Pants Dritti Fashion Moderna Denim Strappati Matita Lunghi Slim Blau Mens }
 
div#socialSharing a span#whatsapp:hover {
Slim Fashion Casual Mens Lunghi Fit Pants Jeans Dritti Strappati Denim Stretch Distrutti Moderna Matita Blau      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.

Mens Fit Dritti Distrutti Jeans Casual Matita Fashion Moderna Pants Strappati Stretch Denim Lunghi Slim Blau qCSwP4f5S Mens Fit Dritti Distrutti Jeans Casual Matita Fashion Moderna Pants Strappati Stretch Denim Lunghi Slim Blau qCSwP4f5S Mens Fit Dritti Distrutti Jeans Casual Matita Fashion Moderna Pants Strappati Stretch Denim Lunghi Slim Blau qCSwP4f5S Mens Fit Dritti Distrutti Jeans Casual Matita Fashion Moderna Pants Strappati Stretch Denim Lunghi Slim Blau qCSwP4f5S
Jeans Distrutti Casual Matita Strappati Stretch Denim Blau Fashion Mens Pants Lunghi Dritti Slim Moderna Fit