Inserire le icone per segnalare sui social italiani

[dario99]

ciao a tutti, ieri sera avendo un po' di tempo a disposizione, ho cercato la soluzione per integrare sulla piattaforma di Blogger (nuova versione) la segnalazione degli articoli sui maggiori Social Networks italiani ...e ci sono riuscito..

Ho preso l’esempio del codice usato per i siti internazionali suggerito qui:
http://www.homebusinesswiz.com/2007/08/social_bookmarking_icons_how_t.html
e l’ho adattato ai maggiori social italiani. Ho aggiunto OKNotizie, Segnalo, Diggita, Wikio, FaiInformazione e SEOTribu. (nel codice sotto ho messo anche Digg, Technorati e Del.icio.us)

Istruzioni:
Nel pannello di contrllo del vostro blog su Blogger (nuova versione)
cliccate su Layout e poi Modifica HTML, si aprirà la pagina contentente il codice HTML per modificare il modello, mettete la spunta a “Espandi i modelli Widget” e poi cercate il seguente tag:

<div class=’post-footer’>

dopo questo tag inserite il codice che trovate più sotto.
Ora non vi resta che cliccare sul bottone “Salva Modello”.

Codice da inserire:

<div style='float:center;'>

<BR/>

<small>Condividi questo articolo</small><BR/>

<a expr:href='"http://oknotizie.com/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank'><img alt='vota su OKNotizie' border='0' src='img/oknotizie.gif'/></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='img/segnalo.png'/></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='img/diggita.gif'/></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='img/wikio.gif'/></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='img/faiinformazione.gif'/></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='img/seotribu.gif'/></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='img/delicious.png'/></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='img/digg.png'/></a>

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

</div>

Non dimenticate di modificare il link alle immagini in base all'URL dove mettere le icone dei social!!

Ho messo a disposizione in un file zip il codice, le istruzioni e le immagini delle icone:
http://dariocaputo.netsons.org/public/social_blogger.zip

ho fatto dei test e sembra funzionare bene, fatemi sapere se ci sono errori o problemi di vario tipo


Ciao, Dario

[nastrorosa]

Evviva ci sono riuscita!
Grazie a te ovviamente!
L'ho messo nel blog di ricette..se noti ho mescolato il tuo codice a quello del sito che hai segnalato tu. Ho aggiunto in più google bookmarks, yahoo, windows live e bloglines. In totale 12.

L'ho inserito e all'inizio mi dava errore ma non nel tuo codice ma bensì nel codice postato sull'altro sito. tutto per un punto&virgola che di là mancava.
(Se serve posso postare l'errore e dove inserire il punto&virgola.)

Ho trovato dove inserirlo, l'ho inserito e per fortuna tutto si è risolto! Ho aggiunto anche un <br/> se no si sormontava con le etichette.

Grazie ancora.
Queste sono le piccole cose che possono renderti la giornata un pò meno incasinata!
Grazie
ciao by Ale

[dario99]

mi fa piacere di aver reso cosa utile anche a qualcuno

effettivamente il codice bisogna un po' adattarlo in base al template che si usa.

Ciao, Dario.

[m1979]

Grazie per l'aiuto... il codice ora si integra benissimo nei template dei due blog... lo sai qual era l'errore? Credo la formattazione... come copiavo il codice sul blocco note e poi su blogger, mi si sballava tutto!!!
Poi ho rifatto l'operazione da capo, poco alla volta e tutto è andato bene!!
Grazie per l'aiuto "live"!!

[dario99]

per chi vuole anche Technotizie il codice da aggiungere e' questo:

<a expr:href=’”http://www.technotizie.it/posta_ok?action=f2&url=” + data:post.url + “&amp;title=” + data:post.title’ target=’_blank’><img alt=’segnala su Technotizie’ border=’0′ src=’/img/technotizie.png’/></a>

[dario99]

Aggiunto anche il codice per Meemi (con l'aiuto dell'admin del sito)

<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='http://www.meemi.com/static/images/share.png' width='16'/></a>

ciao ciao!

[Lkv]

Innanzitutto grazie!

Qui:

<a expr:href=’”http://www.technotizie.it/posta_ok?action=f2&url=” + data:post.url + “&amp;title=” + data:post.title’ target=’_blank’><img alt=’segnala su Technotizie’ border=’0′ src=’/img/technotizie.png’/></a>

c'e' una e commerciale che andrebbe messa come &amp;?

<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=’/img/technotizie.png’/></a>

O almeno, a me lo accetta solo cosi'.

[dario99]

hai ragione!! si sara' persa durante un copia/incolla... scusa!!!

Comunque nel file zip da scaricare è tutto corretto!

[BlogmasterPg]

scusate, vorrei sapere una cosa, ma tutte quelle icone non sono valide come links? perchè se fossero valide avremo 10 icone X 5 o 6 post a pagina= 50 o 60 links che escono così, senza tante ragioni dall'home page e poi l'ottimizzazione andrebbe a farsi friggere. Ho usato degli strumenti online per vedere se i link sono attivi o meno, ma non riesco a comprendere ( a leggere) i risultati; qualcuno potrebbe togliermi questo dubbio? grazie-

[dario99]

BlogmasterPg

scusate, vorrei sapere una cosa, ma tutte quelle icone non sono valide come links? perchè se fossero valide avremo 10 icone X 5 o 6 post a pagina= 50 o 60 links che escono così, senza tante ragioni dall'home page e poi l'ottimizzazione andrebbe a farsi friggere. Ho usato degli strumenti online per vedere se i link sono attivi o meno, ma non riesco a comprendere ( a leggere) i risultati; qualcuno potrebbe togliermi questo dubbio? grazie-

guarda non saprei dirti i motori come vedono questo tipo di link...

pero' nel dubbio puoi sempre aggiungere il nofollow..

rel='nofollow'

ciao

[BlogmasterPg]

Esatto! Bravo! e io che non c'avevo pensato! Credo che ( nel dubbio) inserirlo direttamente nel codice non sia una brutta idea. Allora vediamo: non ho più scuse e ora mi tocca inserire il codice. Grazie di tutto ( per ora)

[BlogmasterPg]

Ora bisognerebbe fare lo stesso script (magari aggiungendoci rel='nofollow' per i normali siti in HTML tipo MyBlog.it che ha moltissimi utenti...

[dario99]

Vedi se funge Social Toolbox:
http://toolbox.mauriziopetrone.com/social/

[clathebest]

ragazzi visto che avete messo tutti questi link sparpagliati potreste rimodellare il primo post e mettere il codice completo con tutte le immagini li? cosi si fa meno confusione e si copia tutto in una volta :P

[BlogmasterPg]

Volevo aprire un altro 3D, ma visto che ci siamo... Sto cercando di mettere il rel="Nofollow" all'interno di un post che avevo riempito di URL (uno di quei famosi post che segnalano 'utilità') visto che le URL oramai superano quasi le 100 unità devo farci qualcosa, altrimenti ho paura che mi tira giù tutto il sito. Comunque a parte questo ho provato a scrivere così: (a href="http://sitosegnalato.com/ rel="nofollow" ") ecc ecc... ma lo strumento che controlla i link in uscita e i nofollow in uscita non mi segnala diversificazzioni da prima a dopo e nemmeno agendo sulle virgolette mettendone una e basta tipo rel='nofollow' cosa sbaglio? C'è qualche altro metodo? Boh, in teoria dovrebbe funzionare, ma non so perchè fa le bizze...