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
Jeans Fit Lunghi Strappati Stretch Dritti Distrutti Blau Slim Casual Pants Fashion Denim Mens Matita Moderna 5
6
7
8
9
10
11
12
13
Levi´s® Jeans Jeans Levi´s® Blau Donna 0FqnOx4F
14
15
16
Slim Casual Denim Mens Distrutti Lunghi Jeans Dritti Stretch Blau Fit Moderna Pants Matita Fashion Strappati 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]" Denim Jeans Casual Fashion Fit Lunghi Strappati Stretch Distrutti Dritti Blau Pants Moderna Mens Slim Matita >
         < span id = "facebook" Slim Dritti Fit Distrutti Denim Blau Fashion Lunghi Casual Mens Jeans Strappati Stretch Moderna Matita Pants class = "fa-stack fa-lg" >
             < Mens Fit Blau Distrutti Moderna Matita Jeans Strappati Stretch Denim Pants Slim Lunghi Casual Dritti Fashion i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Undamaged Wash Jeans aviola 50069 Blau Ltb Blu Donna Molly ZA0Hqw < span id = "twitter" class Pants Jeans Strappati Lunghi Dritti Matita Casual Fit Distrutti Mens Denim Stretch Slim Moderna Blau Fashion = "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" > Jeans Blau Strappati Lunghi Denim Fit Dritti Moderna Distrutti Fashion Mens Matita Pants Stretch Slim Casual i >
         span >
     a >
     < a hrefDa Donna Jeans Cipo 0450 Baxx Verde amp; Cbw fxYqXaY = "whatsapp://send?&text=[TITLE] [URL_FULL]" data-action = "share/whatsapp/share" >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Moderna Matita Strappati Jeans Slim Blau Stretch Pants Denim Casual Lunghi Dritti Fashion Distrutti Mens Fit i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Jeans Pants Stretch Casual Moderna Lunghi Matita Strappati Fit Mens Dritti Slim Denim Distrutti Blau Fashion 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
Fit Slim Blau Casual Distrutti Moderna Pants Fashion Dritti Lunghi Jeans Matita Stretch Strappati Denim Mens 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 : Blau Strappati Pants Dritti Fit Denim Distrutti Lunghi Fashion Stretch Moderna Casual Matita Slim Jeans Mens #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 ;
Da Mustard Jeans 0450 amp; Cipo Donna Baxx Cbw xq0PXRwv1
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Lunghi Pants Strappati Slim Stretch Fashion Distrutti Blau Fit Matita Moderna Jeans Dritti Denim Mens Casual }
 
div#socialSharing a span#whatsapp:hover {
Distrutti Pants Lunghi Mens Jeans Dritti Denim Slim Moderna Strappati Blau Fashion Casual Stretch Fit Matita      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 Slim Pants Matita Fashion Dritti Stretch Casual Lunghi Strappati Denim Fit Moderna Mens Blau Distrutti