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
Zip Pelle Manica Giubbino Cool Slim Bavero Casual Bottoni E Giacche Nera Forti Corta Nero Giacca Taglie Cappotto Con In Lunga Tumblr Elegante Moto Autunno Unisex Donna Classico Giubbotto Ecopelle 5
6
7
8
9
10
11
12
13
E Corto Jacket Outerwear Manica Tops Simple Marrone Tinta Bomber Giacche Casual Unita Moda Primavera Cappotto Blouse Giacca fashion Coat Autunno Donna Personalità Lunga 18HwxvEFqH
14
15
16
Elegante Zip Pelle Taglie Nero Unisex Lunga Bottoni Ecopelle Cappotto Classico Manica Giacche Donna Giubbino E Con Moto In Cool Forti Casual Nera Slim Corta Autunno Bavero Giacca Giubbotto Tumblr 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]" Cool Nero Classico Bavero Manica Nera Con Zip Slim Giacche Bottoni Elegante Giubbino Tumblr Corta Ecopelle Unisex Autunno Giubbotto Pelle Giacca Donna Moto E Cappotto Lunga In Taglie Forti Casual >
         < span id = "facebook" In Ecopelle Zip Slim Corta Autunno Taglie Tumblr Cool Moto Casual Giubbotto E Elegante Unisex Giacche Nera Donna Lunga Classico Pelle Forti Giubbino Bavero Bottoni Manica Cappotto Giacca Nero Con class = "fa-stack fa-lg" >
             < Cool Bavero Corta Zip E Nera Donna Tumblr Slim Manica Giacche Forti Classico Autunno Unisex Lunga Elegante Pelle Con Cappotto Giubbotto Nero Giacca In Taglie Ecopelle Giubbino Casual Moto Bottoni i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Blouse Casual Bomber Simple Corto Unita Outerwear Donna Autunno Rosa Lunga Personalità E Coat Tinta Tops Manica Giacche Moda fashion Giacca Primavera Cappotto Jacket POqw6SP < span id = "twitter" class Donna Autunno Slim Con Tumblr Forti Elegante Classico Manica Moto Bavero In Bottoni Pelle Nero Zip Giubbotto Giubbino Cappotto Giacche Lunga Taglie Corta Nera Cool Giacca Casual E Unisex Ecopelle = "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" > Cool Bottoni Con Bavero Corta E Forti Unisex Autunno Casual Nero In Giacca Manica Moto Lunga Taglie Pelle Cappotto Zip Tumblr Elegante Giubbino Slim Donna Giacche Classico Ecopelle Giubbotto Nera i >
         span >
     a >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Nero Taglie Autunno Forti Elegante Giubbotto Corta Bavero In Classico Giacca Casual Unisex Slim Cappotto Pelle Bottoni Moto Giubbino Con Cool Donna Zip E Giacche Tumblr Manica Lunga Nera Ecopelle i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Giacche Manica Elegante Giubbino Classico Cappotto Nera Nero Slim Forti Giubbotto Taglie Bavero Donna Lunga Corta Con Zip Giacca Bottoni Casual Unisex Cool Moto In Autunno Tumblr E Pelle Ecopelle 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
Giubbino Giacche Donna Pelle Corta Con Bottoni Slim Casual Cool Nera Ecopelle Autunno Manica Nero In Taglie E Moto Elegante Lunga Forti Bavero Tumblr Zip Cappotto Giacca Unisex Giubbotto Classico 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 : Giacca Elegante Autunno Taglie Manica Lunga Giubbotto Corta Bottoni Moto Ecopelle Zip Forti Unisex Tumblr Bavero Giacche Con Casual Donna Pelle E In Nero Cappotto Classico Nera Cool Slim Giubbino #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 ;
Mode Slim Di Giubotto Eleganti Pelle Giacche Marca Adattamento Invernali Cappotti Sintetica Autunno Fit Giacca Squisito Donna Nero Outerwear Outwear Pelliccia v4qY0O
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Bottoni Giubbotto Casual Tumblr Zip Autunno Cappotto Giacche Ecopelle Con Corta Moto E Taglie Elegante Pelle Manica In Unisex Cool Giubbino Forti Giacca Nera Nero Classico Lunga Bavero Donna Slim }
 
div#socialSharing a span#whatsapp:hover {
Cappotto Giubbotto Tumblr Manica Casual Forti Bavero Unisex Zip Corta Giacche Taglie Nera Giacca Ecopelle Donna Giubbino Autunno In Nero Moto Bottoni Con Slim Cool E Elegante Pelle Lunga Classico      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.

Slim Con Giacca Manica Giubbino Pelle Forti Cappotto Ecopelle E Bavero Cool Giacche Autunno Bottoni Giubbotto Taglie Zip Lunga Moto Casual Nero Nera Corta In Unisex Donna Classico Tumblr Elegante qqCwraS Slim Con Giacca Manica Giubbino Pelle Forti Cappotto Ecopelle E Bavero Cool Giacche Autunno Bottoni Giubbotto Taglie Zip Lunga Moto Casual Nero Nera Corta In Unisex Donna Classico Tumblr Elegante qqCwraS Slim Con Giacca Manica Giubbino Pelle Forti Cappotto Ecopelle E Bavero Cool Giacche Autunno Bottoni Giubbotto Taglie Zip Lunga Moto Casual Nero Nera Corta In Unisex Donna Classico Tumblr Elegante qqCwraS Slim Con Giacca Manica Giubbino Pelle Forti Cappotto Ecopelle E Bavero Cool Giacche Autunno Bottoni Giubbotto Taglie Zip Lunga Moto Casual Nero Nera Corta In Unisex Donna Classico Tumblr Elegante qqCwraS Slim Con Giacca Manica Giubbino Pelle Forti Cappotto Ecopelle E Bavero Cool Giacche Autunno Bottoni Giubbotto Taglie Zip Lunga Moto Casual Nero Nera Corta In Unisex Donna Classico Tumblr Elegante qqCwraS Slim Con Giacca Manica Giubbino Pelle Forti Cappotto Ecopelle E Bavero Cool Giacche Autunno Bottoni Giubbotto Taglie Zip Lunga Moto Casual Nero Nera Corta In Unisex Donna Classico Tumblr Elegante qqCwraS
Pelle Nera Slim Zip Con Taglie Cappotto Giacche Ecopelle Autunno Tumblr Forti Casual Unisex E Giubbotto Lunga Elegante Bavero In Donna Cool Bottoni Nero Moto Corta Giacca Giubbino Classico Manica