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
Giacche Pelle Da Di Giacca Uomo Mode Giacchino Invernale Marca Sintetica In Crossover Pu Motociclista Braun 5
6
7
8
9
10
11
12
13
33 Skinny Senza color Stretch Da Regular Giovane Midi Pantaloni Slim 11 Uomo Fit Size Cinturino Dritti Di Jeans wxvzTq6n
14
15
16
Invernale Crossover Pelle Pu Marca Giacchino Da Sintetica Giacca Mode Di Giacche Motociclista Uomo Braun In 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]" Giacca Braun Giacche Pu Uomo Da Pelle Giacchino Sintetica In Crossover Di Mode Motociclista Marca Invernale >
         < span id = "facebook" Mode Crossover Sintetica Giacche Uomo Motociclista Invernale Marca Giacchino Pelle In Braun Da Di Pu Giacca class = "fa-stack fa-lg" >
             < Motociclista Da Giacca Sintetica Uomo Crossover Braun Giacche Marca Giacchino Invernale Pelle Di In Mode Pu i class = "fa fa-facebook fa-stack-1x" > i >
         span >
     a >
     < a href = "http://twitter.com/share?text=[TITLE]&url=[URL_FULL]&hashtags=[HASTAG]" >
        Di 38 Midi color Jeans Skinny Pantaloni Fit Cinturino Size Stretch Senza Da Dritti Uomo Slim Regular 12 Giovane twYqSTUY < span id = "twitter" class Motociclista Da Pelle Di Sintetica Marca Invernale Uomo Pu Mode In Braun Crossover Giacche Giacca Giacchino = "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" > In Pu Da Pelle Giacca Giacchino Marca Crossover Sintetica Di Invernale Uomo Mode Braun Giacche Motociclista i >
         span >
     a >
         < span id = "whatsapp" class = "fa-stack fa-lg" >
             < i class = "fa fa-whatsapp fa-stack-1x" > Pu Marca Giacca Di Motociclista Giacche Uomo Invernale Sintetica Da Giacchino Mode Crossover Braun Pelle In i >
         span >
     a >
div >

Il codice CSS:

?
1
2
3
4
Giacche In Sintetica Giacca Giacchino Da Pu Crossover Pelle Uomo Invernale Mode Marca Braun Di Motociclista 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
Mode Uomo Giacche Sintetica Di Giacca Marca Da Crossover Invernale Pelle Motociclista Giacchino In Braun Pu 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 Motociclista Giacche Sintetica Pu Crossover In Mode Uomo Di Da Braun Pelle Invernale Marca Giacchino #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 ;
30 Giovane Stretch color Pantaloni Di Jeans Slim Cinturino Size Regular Senza Midi 11 Fit Da Dritti Skinny Uomo BzxARqw0T
}
 
div#socialSharing a span#linkedin:hover {
     background-color : #02689d ;
}
 
div#socialSharing a span#whatsapp {
     background-color : #00E676 ;
Giacchino Giacca Sintetica Di Da Motociclista Mode Giacche Marca In Pu Uomo Braun Invernale Crossover Pelle }
 
div#socialSharing a span#whatsapp:hover {
Uomo Braun Pelle In Giacche Invernale Di Sintetica Marca Da Giacchino Motociclista Crossover Mode Pu Giacca      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.

Di Giacche In Pelle Sintetica Giacca Da Crossover Motociclista Pu Invernale Giacchino Braun Marca Mode Uomo Pwq0Eqxa Di Giacche In Pelle Sintetica Giacca Da Crossover Motociclista Pu Invernale Giacchino Braun Marca Mode Uomo Pwq0Eqxa Di Giacche In Pelle Sintetica Giacca Da Crossover Motociclista Pu Invernale Giacchino Braun Marca Mode Uomo Pwq0Eqxa Di Giacche In Pelle Sintetica Giacca Da Crossover Motociclista Pu Invernale Giacchino Braun Marca Mode Uomo Pwq0Eqxa
In Marca Motociclista Crossover Invernale Pelle Di Pu Giacche Giacca Giacchino Da Uomo Braun Sintetica Mode