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 + "&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 + "&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 + "&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 + "&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&url=" + data:post.url + "&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 + "&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 + "&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 + "&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 + "&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&url=" + data:post.url + "&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 + "&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
59 commenti:
scusa l'ignoranza ma cosa intendi per "caricare le immagini sul vostro server?". Cosa devo fare in pratica?
grazie nicola
@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
yurj, dove posso trovare le immagini dei pulsanti? grazie ciao
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 :-(
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ì ;-)
senza uppare le immagini sul server, puoi usare le favicon dei rispettivi social.
tipo http://segnalo.com/favicon.ico
@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!
Le ho aggiunte anch'io, anche se l'effetto è leggermente diverso...
Comunque grazie per la guida!
Ciao
@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!
Sei un mito!
Adesso è perfetto!
Ciao
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..
@axel: grazie ma non esageriamo!! :-DD
@lupo sordo: grazie anche a te!! :-D
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
grz lo stesso ma ho risolto
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?
@anna: passami il link del blog, non appena ho 5 minuti gli dò un'occhiata!
Tutto risolto! Errore mio! ;P Grazie mille!!
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
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
@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/
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!
@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!
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???
@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!! ;)
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
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!! ;)
:)grazie yuri..in realtà intendevo se il discoro era lo stesso sia con "blogger"che con "word press";)
@camomillAle: in realtà non lo sò... non conosco la piattaforma di wordpress!! ;)
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
@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!!
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
@peppe: ho provato anche io, ma dà errore anche a me... vediamo se ho 10 minuti liberi per studiare una possibile soluzione o alternativa!
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?
@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
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)
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
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
@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!!
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
@fosco: se trovi difficoltà, puoi copiare anche le mie... quelle che vedi in questo post!!
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
@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!!
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
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
@fosco: scusa ma non ho capito cosa intendi per tacchetta!!
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
Ciao Yurj, ti segnalo questo sito dove caricando l'immagine generi automaticamente l'url:
http://www.imageshack.us/
Io non è molto che ti ho scovato ma tutto quello che posti nel blog è utilissimo .
Grazie
Salve
Puoi Introdurre anche il Icon di Kledy come Social Network www.kledy.de
Ciao
Semplicemente fantastico e utile
GRAZIE
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
Ciao,
volevo segnalarti quest'altro bottone per il nuovo Social Network dedicato al Sostenibile. Su www.Sostenibilmente.org trovi lo script.
Grazie!
Mi piacerebbe pero' aggiugnere anche facebook e linkedin, se qualcuno ha idee in proposito...
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.
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!!!!
@Equifare: grazie a te!! :)
grazie, era da un po' che cercavo una cosa del genere. Ormai temevo di dovermi procurare ad uno a uno bottoni e link
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.
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
Posta un commento