12 novembre, 2007

Bottoni per i principali social network italiani

button, pulsanti, bottoni, rosso
Foto di uglyagnes

Ormai i servizi di social network sono diventati uno strumento fondamentale per i blogger per portare traffico, di qualità, verso i loro blog! Anzi molti blogger favoriscono e invogliano questa operazione attraverso l'uso di pulsantini che in genere si trovano in fondo ad ogni blog!

Li volete anche voi per il vostro blog? Purtroppo blogger non ci dà la possibilità di inserirli automaticamente, è vero nella rete si trovano tanti widget che risolvono questo problema, però hanno un piccola controindicazione, segnalano solo i servizi inglesi o americani, ma non quelli italiani!!

Come fare allora? Semplice, dobbiamo inserirli noi manualmente!!

Per prima cosa, dovete caricare i pulsanti sul vostro server, io ho fatto così, li ho caricati su questo post!! ;-)



Poi andate su modello/ modifica HTML
Attenzione, prima di fare questa operazione vi consiglio di salvare una copia del vostro modello attuale, basta cliccare su "scarica modello completo"

Adesso mettere la spunta su "espandi i modelli widget" e cercate il tag:

<div class='post-footer'>

Immediatamente dopo dovete inserire questo codice:

<div style='float:center;'>
<BR/>
<small>Condividi questo articolo</small><BR/>

<a expr:href='"http://oknotizie.alice.it/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='vota su OKNotizie' border='0' src='immagine-oknotizie'/></a>

<a expr:href='"http://segnalo.com/post.html.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='salva su Segnalo' border='0' src='immagine-segnalo'/></a>

<a expr:href='"http://www.diggita.it/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='vota su Diggita' border='0' src='immagine-digita'/></a>

<a expr:href='"http://www.meemi.com/static/share/?u=" + data:post.url + "&amp;t=" + data:post.title' target='_blank'><img alt='Condividi su Meemi' border='0' height='16' src='immagine-meemi' width='16'/></a>

<a expr:href='"http://www.technotizie.it/posta_ok?action=f2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='segnala su Technotizie' border='0' src='immagine-technotizie'/></a>

<a expr:href='"http://www.wikio.it/vote?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='vota su Wikio' border='0' src='immagine-wikio'/></a>

<a expr:href='"http://fai.informazione.it/submit.aspx?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='vota su Fai Informazione' border='0' src='immagine-faiinformazione'/></a>

<a expr:href='"http://www.seotribu.com/submit.php?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='vota su SEOTribu' border='0' src='immagine-seotribù'/></a>

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Add To Del.icio.us' border='0' src='immagine-delicious'/></a>

<a expr:href='"http://digg.com/submit?phase=2&amp;url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='Digg This' border='0' src='immagine-digg'/></a>

<a expr:href='"http://www.technorati.com/faves?add=" + data:post.url' target='_blank'><img alt='Fav This With Technorati' border='0' src='immagine-technorati'/></a>

<a expr:href='"http://ziczac.it/a/segnala?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='segnala su ziczac' border='0' src='immagine-ziczac'/></a>

</div>

Dove al posto delle parole colorate di rosso (immagine-nome servizio) dovete inserire l'url dell'immagine!! I risultati? Li potete vedere direttamente sul mio blog, qui in fondo!! :-D
Difficoltà a trovare il tag? Vi mando questo screenshot:



Io ho scelto di inserire i pulsanti per oknotizie, segnalo, digita, meemi, technonotizie, wikio, fai informazione, seo tribù, del.icio.us, digg, techorati e ziczac... naturalmente voi siete liberi di scegliere di inserire solo quelli che vi piacciono di più o che pensate essere più utili, vi basterà cancellare il relativo codice!

Dimenticavo, prima di salvare il modello, fate l'anteprima, e se tutto ok, cliccate su salva!! ;-)

E per finire, diamo onere al merito... il codice è stato scritto da Dario Caputo (io ho aggiunto solo quello relativo a zic zac!!), e se volete, potete scaricare liberamente le icone e le istruzioni in questo post.

Se trovate difficoltà potete contattarmi via mail, l'indirizzo lo trovate nel profilo! :-D
vac 468x60.gif

59 commenti:

Nicola Andrucci on 12 novembre 2007 17:26 ha detto...

scusa l'ignoranza ma cosa intendi per "caricare le immagini sul vostro server?". Cosa devo fare in pratica?
grazie nicola

yurj on 12 novembre 2007 17:34 ha detto...

@nicola: niente di più semplice, hai presente quando vuoi caricare una immagine sul blog? La stessa cosa... devi caricare le immagini in un post, e poi da li copiare l'url e incollarla al posto delle scritte rosse!! ;-)

Se hai difficoltà puoi contattarmi via mail (dalla pagine del mio profilo!) :-D

Nicola Andrucci on 12 novembre 2007 18:18 ha detto...

yurj, dove posso trovare le immagini dei pulsanti? grazie ciao

Nicola Andrucci on 12 novembre 2007 19:09 ha detto...

ho trovato i file jpg, ma non ho capito quali siano le parole colorate di rosso, cui devo sostituire il codice html del mio server :-(

Dario Caputo on 12 novembre 2007 20:27 ha detto...

ti ringrazio per la citazione, vuol dire che ho fatto cosa utile, ottima l'aggiunta del codice di zic zac!

Comunque c'era bisogno di un blog sulla piattaforma Blogger in italiano!

Continua così ;-)

Airdave on 12 novembre 2007 22:00 ha detto...

senza uppare le immagini sul server, puoi usare le favicon dei rispettivi social.
tipo http://segnalo.com/favicon.ico

yurj on 13 novembre 2007 19:17 ha detto...

@nicola: si scusa, hai ragione... forse nel passaggio tra l'anteprima e la pubblicazione ho perso la formattazione... ora dovrebbe essere tutto a posto!!

@dario: grazie a te!! Hai fatto un ottimo lavoro per noi di blogger!1 ;-)

@airdave: può essere un'alternativa... io però preferisco questa!

axel on 18 novembre 2007 09:22 ha detto...

Le ho aggiunte anch'io, anche se l'effetto è leggermente diverso...
Comunque grazie per la guida!
Ciao

yurj on 18 novembre 2007 17:51 ha detto...

@axel: il contorno ai bottoni è dovuto al css, infatti il modello del tuo tempate mette in automatico un piccolo bordo ad ogni immagine nel post!!
L'unica cosa poco gradevole è il bottone di meemi, un pò troppo grande... ho mdificato il codice relativo a meemi, ho aggiunto i tag height='16 e width='16'... aggiungili al codice come ho fatto io, e il bottone ritornerà uguale a quello degli altri!

axel on 18 novembre 2007 18:30 ha detto...

Sei un mito!
Adesso è perfetto!
Ciao

Lupo Sordo on 19 novembre 2007 12:55 ha detto...

Mi serviva proprio questo blog che colmasse le mie lacune... Ho letto qualche articolo, quelli che più mi interessavano e devo farti i complimenti per la chiarezza...

Questo dei social network mò che ho un po' di tempo e di voglia lo faccio..

yurj on 19 novembre 2007 14:04 ha detto...

@axel: grazie ma non esageriamo!! :-DD

@lupo sordo: grazie anche a te!! :-D

Anonimo ha detto...

Yurj io ho seguito alla perfezione,ma quando faccio salva poi vado a visualizza e escono tutti quadrati e rettangoli con impossibile visualizzare...Preche???????me lo potresti spiegare

Anonimo ha detto...

grz lo stesso ma ho risolto

Anna ha detto...

Ciao Yurj! I bottoni per i social network sono proprio quello che cercavo!! :D Però...il modello del mio blog è in CSS non riesco a trovare il tag "div class='post-footer'", ed andando a casaccio non ho concluso niente! :) Che mi consigli?

yurj on 11 gennaio 2008 14:42 ha detto...

@anna: passami il link del blog, non appena ho 5 minuti gli dò un'occhiata!

Anna ha detto...

Tutto risolto! Errore mio! ;P Grazie mille!!

Mauro on 17 gennaio 2008 21:51 ha detto...

Ciao, come scrivere il codice proposto nel vecchio template di blogger?
Grazie mille a chiunque voglia aiutarci

Mauro
Italian blogs for darfur
http://itablogs4darfur.blogspot.com

franco on 19 gennaio 2008 15:21 ha detto...

tutto veramente ottimo e di aiuto volevo chiederti come mai mi visualizza solo un bottone quando invece ho inserito anche tutti gli altri come spieghi nella guida

yurj on 19 gennaio 2008 16:10 ha detto...

@franco: semplicemente perche le immagini non le hai caricate!! per esempio qui: http://occhibelli.altervista.org/php5/technotizie.png
invece di esserci il logo di technotizie, non c'è niente!! :D Prova a ricaricare le immagini!! ;)

@mauro: prova con questo tool: http://toolbox.mauriziopetrone.com/social/

topazio on 6 febbraio 2008 19:30 ha detto...

ciao! il tuo blog é una miniera di consigli, scritti oltretutto in maniera chiara, grazie mille!
Prima di fare modifiche al mio blog 'vero' ne ho creato un altro come suggerisci tu, e sto pasticciando su quello:)
Dunque, ora sto cercando di aggiungere in bottoni di social network, ma quando inserisco il codice che fornisci, blogger non accetta le modifiche, dando ERRORE XML dovuto pare all'assenza dei corretti tag di chiusura. Sai dirmi cosa posso fare? grazie ancora!

yurj on 6 febbraio 2008 19:44 ha detto...

@topozio: ciao!!
Allora, il codice è giusto.. prova a ripetere con più attenzione l'operazione.
Ti consiglio di stare attento al copia/incolla... specialmente se trasferisci lo script prima sul blocco note!1 Ti potrà sembrare una cavolate, ma il blocco note sballa la formattazione, e questo può dare problemi a blogger!

andrea ha detto...

Ho provato a caricare le immagini in un post ma se aggiungo l'url mi dice che c'è un errore nel linguaggio. Mi dice:Non è stato possibile analizzare il tuo modello, in quanto non è strutturato correttamente. Assicurati che tutti gli elementi XML presentino il tag di chiusura richiesto.
Messaggio di errore XML: The value of attribute "src" associated with an element type "null" must not contain the '<' character.

Mi potete aiutare???

yurj on 28 febbraio 2008 21:41 ha detto...

@andrea: molto probabilmente ti sei perso un pezzo di codice(>), Ti consiglio di riprovare con più attenzione!! ;)

ps. fai attenzione anche con il copia e incolla, specialmente se usi il blocco note!! A volta il Notes sballa la formattazione del codice, e questo genera degli errori!! ;)

camomillAle on 1 marzo 2008 13:42 ha detto...

ecco proprio quel che cercavo:):):)..ma prima che mi metto all'opera.una domanda stupida stupida:)il tutto funziona anche se non parliamo di blogger?Grazie infinite

yurj on 1 marzo 2008 16:24 ha detto...

camomillAle : bhè i social network sono usati principalmente dai blogger... principalmente per un "motivo" di conoscenza!! L'utente medio non sà cos'è il web1.0, figuriamoci quello web2.0!!

Però, è sempre un servizio in più che offri al tuo lettore... e poi male non fanno, anzi!! ;)

camomillAle on 2 marzo 2008 08:11 ha detto...

:)grazie yuri..in realtà intendevo se il discoro era lo stesso sia con "blogger"che con "word press";)

yurj on 2 marzo 2008 15:08 ha detto...

@camomillAle: in realtà non lo sò... non conosco la piattaforma di wordpress!! ;)

Luna nera on 16 marzo 2008 16:34 ha detto...

Ciao, ho provato a mettere il codice che hai detto, ma ci deve essere un problema, nel mio template non c'è la tag che dici, ma si pesenta cosi

div style='clear: both;clear for photos floats
div




div class='itemhead'




p class='post-footer-line post-footer-line-1'

se provo ad inserirlo non mi dà nulla.
Mi sai dire il perchè
ciao grazie

yurj on 18 marzo 2008 20:22 ha detto...

@Luna nera: il problema nasce dal fatto che si tratta di un template modificato!!

prova ad inserire il codice sotto a

<p class='entry-footer'>

E vediamo cosa succede!! :D
Attenta a quando fai il copia incolla, alle volte può dare problemi!!

PePPe on 3 maggio 2008 17:31 ha detto...

ciao, ho un sito su piattaforma blogger, è possibile inserire il bottone di sociallist.org? ho provato ma da errore, ho convertito il file per il formato xml ma quando voglio postare l' articolo mi linka sempre la pagina principale del sito

yurj on 3 maggio 2008 21:35 ha detto...

@peppe: ho provato anche io, ma dà errore anche a me... vediamo se ho 10 minuti liberi per studiare una possibile soluzione o alternativa!

Mr. Hamlin on 7 maggio 2008 18:01 ha detto...

Ciao, tutto perfetto tranne che per Ok notizie che rimanda a una pag. 404

Probabilmente hanno cambiato qualcosa in seguito alle recenti modifiche che hanno apportato al network.

Hai già notato il problema?

yurj on 7 maggio 2008 21:21 ha detto...

@mr Hamlin: si mi hanno fatto già notare il problema un paio di volte... oggi trovo il tempo per sistemare le cose, ora dovrebbe andare!!

Grazie

►novat◄ on 23 maggio 2008 22:30 ha detto...

questo post mi è stato utile. avevo già qualche bottone ma avevo sbagliato ad inserire il codice e non era venuto un gran che ebene..
ora è molto più ordinato
(ps: io ho aggiunto anche reddit)

Fosco Del Nero on 28 maggio 2008 10:35 ha detto...

Ancora ciao,Yurj, sto facendo incetta dei tuoi fantastici post! :)
Tuttavia, e mi sarebbe sembrato strano il contrario, anche qui c'è qualcosa che mi sfugge.
1. Le immagini dei vari bottoni le posso caricare in un unico post oppure serve un post per ciascuna immagine? Credo la prima.
2. Cosa significa che poi devo sostituire l'url dell'immagine? Intendi dire l'url del post che contiene le immagini?
Ok, grazie per la risposta e buona giornata!

Fosco Del Nero
www.foscodelnero.blogspot.com

Fosco Del Nero on 28 maggio 2008 11:10 ha detto...

Dunque, ho provato a fare come pensavo che fosse (immagini in un solo post e poi url del post al posto delle frasi rosse), ma mi dà questo errore: "È stato trovato più di un widget con ID: HTML1. Gli ID dei widget devono essere esclusivi."
Che vor dì?? :)
Devo dire che questa faccenda dei bottoni dei social network mi sta facendo discretamente impazzire... :o

Fosco Del Nero
www.foscodelnero.blogspot.com

yurj on 28 maggio 2008 19:41 ha detto...

@fosco: non devi incollare l'url del post, ma quello proprio dell'immagine!!

Fai cosi (nota, io uso firefox!!), vai con il cursore sopra l'immagine, tasto destro del mouse, copia indirizzo immagine!!

Fosco Del Nero on 29 maggio 2008 14:23 ha detto...

Eh, temo di non avere ancora afferrato...
Tasto destro sull'immagine da che punto?
Dalla pagina del mio blog con le immagini inserite? Dalla pagina di inserimento del post nel mio layout? O dove?
Nel dubbio, comunque, ho provato in entambi i casi, ma non mi esce nessuna scritta di quel tipo.
Ho provato comunque a inserire ciò che esce da copia collegamento, a mi daà il medesimo errore segnalato in precedenza (È stato trovato più di un widget con ID: HTML1).

Fosco Del Nero
www.foscodelnero.blogspot.com

yurj on 1 giugno 2008 12:13 ha detto...

@fosco: se trovi difficoltà, puoi copiare anche le mie... quelle che vedi in questo post!!

Fosco Del Nero on 1 giugno 2008 14:53 ha detto...

Yurj, hai trovato pane per i tuoi denti.
Non ho capito cosa intendi: copiare le tue in che senso?
L'unica cosa che posso copiare è l'immagine per poi salvarla in una catella del pc... ma poi che me ne faccio
Insomma, che ci devo mettere al posto delle righe rosse nel template?? :o

Fosco Del Nero
www.foscodelnero.blogspot.com

yurj on 4 giugno 2008 06:33 ha detto...

@fosco: ci devi mettere l'url dell'immagine!!

Per esempio, l'url do oknotizie è:
http://bp0.blogger.com/_7xycDlQO640/RzhgR_GXosI/AAAAAAAAAC4/nbb9Q9yhCPg/s400/oknotizie.gif

Quella di digita è:
http://bp3.blogger.com/_7xycDlQO640/RzhgGvGXoqI/AAAAAAAAACo/XhqqCGJ9kkU/s400/diggita.gif

E così via!!

Fosco Del Nero on 4 giugno 2008 11:48 ha detto...

Ancora ciao, Yurj.
Ho capito che ci devo mettere l'url dell'immagine... non ho capito però come faccio a ricavarlo!
Io per ora ho solo queste immagini del tuo post.
Che devo fare in concreto?
Col tasto destro non vedo niente di utile...

Fosco Del Nero
www.foscodelnero.blogspot.com

Fosco Del Nero on 5 giugno 2008 14:42 ha detto...

Ciao Yurj! :)
Dunque, una buona notizia e una cattiva.
La buona è che finalmente ce l'ho fatta! Nel caso che serva a qualche altro derelitto come me, bisognava copiare l'indirizzo url delle immagini da tasto destro-proprietà e poi seguire le istruzioni.
La cattiva è che mi visualizza su due righe diverse la frase "condividi questo articolo" e la tacchetta precedente.
Come mai?

Fosco Del Nero
www.foscodelnero.blogspot.com

yurj on 5 giugno 2008 21:19 ha detto...

@fosco: scusa ma non ho capito cosa intendi per tacchetta!!

Fosco Del Nero on 6 giugno 2008 15:33 ha detto...

Ancora ciao, Yurj. :)
Se andrai a vedere il mio blog capirai subito che intendo per tacchetta: uno di quei rettangoli che in alcuni casi precedono il testo...
Chissà perchè si è messo da solo in una riga, mentre il testo comincià giù.
Eppure, anche andando a vedere l'html attuale, è tutto esatto!

Fosco Del Nero
www.foscodelnero.blogspot.com

Ogippo on 4 agosto 2008 23:13 ha detto...

Ciao Yurj, ti segnalo questo sito dove caricando l'immagine generi automaticamente l'url:
http://www.imageshack.us/

Lucky Web on 13 settembre 2008 16:02 ha detto...

Io non è molto che ti ho scovato ma tutto quello che posti nel blog è utilissimo .
Grazie

Anonimo ha detto...

Salve

Puoi Introdurre anche il Icon di Kledy come Social Network www.kledy.de

Ciao

Enrico on 26 settembre 2008 00:05 ha detto...

Semplicemente fantastico e utile
GRAZIE

Anonimo ha detto...

Salve

Su Kledy.de www.kledy.de Troverete un Bottone x tutti i Social Network
Mondiali

Vai su :http://www.kledy.de/buttons.php

Ciao

Seolo on 16 gennaio 2009 15:28 ha detto...

Ciao,
volevo segnalarti quest'altro bottone per il nuovo Social Network dedicato al Sostenibile. Su www.Sostenibilmente.org trovi lo script.
Grazie!

Mignolo on 14 aprile 2009 17:48 ha detto...

Mi piacerebbe pero' aggiugnere anche facebook e linkedin, se qualcuno ha idee in proposito...

Equifare on 22 aprile 2009 21:21 ha detto...

graie Yuri, ma grazie nche a fosco del nero, ti avrei fatto pure io quelle domande e con la stessa insistenza....e non sono nenche convinto di aver capito: sono alle prime armi!!!!
Equifare: fare equitazione, su blogger.

Equifare on 23 aprile 2009 00:17 ha detto...

Io devo ringraziare te per lo straordinario lavoro che hai fatto, tu e l'altro, entrambi masterweb di rilevo!
I commenti, che sono serviti come faq, altrettanto utilissimi. In pratica ci sono riuscito anche se non ho finito, ma gli anteprima (ne sto inserendo uno alla volta!) dicono che è tutto OK! Tu però ringrazia dal nero, ti ha evitato che anche io ti straziassi!!!!

yurj on 25 aprile 2009 13:01 ha detto...

@Equifare: grazie a te!! :)

Luca on 9 maggio 2009 13:04 ha detto...

grazie, era da un po' che cercavo una cosa del genere. Ormai temevo di dovermi procurare ad uno a uno bottoni e link

liuis on 22 giugno 2009 15:28 ha detto...

Ciao Yurj, ho provato a fare un pulsante anche per Badzu, ma non mi funziona. Puoi provare a farlo tu e se ci riesci postare il codice? Ti ringrazio.

alfonso on 28 luglio 2009 13:15 ha detto...

ciao yuri e' da poco che uso il pc e tutto quello che ho "cercato di fare sui miei 2 blog e' merito tuo e di altri 2 blog, simili,siete fantastici, poi per quanto riguarda il tuo caso sei veramente bravo, appena ho scoperto il tuo blog mi sono subito iscritto,anche se molte cose le devo ancora apprendere,(diciamo tutto)grazie dell'aiuto che ci date, con il tuo permesso non manchero' di inserire il tuo logo sui miei due(tentativi di blog)ciao e grazie di tutto

 
Ti sono stato utile? Ti ho aiutato? Ho risolto qualche tuo problema? Allora che ne dici di offrirmi un caffe?;)

Lettori fissi

Risorse per blogger Copyright © 2009 FreshBrown is Designed by Simran