Codice html da copiare per farvi linkare dagli altri blog


Qualche giorno fa, The Tramp (ma anche altri prima di lui) mi ha chiesto come fosse possibile inserire il codice html da copiare per farsi linkare dagli altri blog, allo stesso modo di come ho fatto io con l'antipixel di Creare blog:

image

Anche in questo caso l'operazione è velocissima e bastano poche righe di html.

Essere linkati da altri blog è il modo migliore per farsi conoscere e per acquisire pagerank. Più siete conosciuti più visite farà il vostro blog, e se il contenuto è buono il visitatore occasionale diventerà abituale, e più alto è il pagerank della pagina principale del vostro blog e più rilevanza avranno i vostri post nei risultati dei motori di ricerca.

Per prima cosa dovete creare un'immagine, scegliendola con cura perchè col tempo comincierete a vederla nei vari blog. Consiglio di non usare un'immagine troppo grande, io ho preferito l'antipixel perchè non è invasivo e permette ai blogger di raggrupparla assieme ad altri antipixel. Se la volete più grande, è meglio comunque non superare le dimensioni di 100x100 pixel. Un'ottima scelta sarebbe quella di offrire più formati: un leggero antipixel e un'immagine un po' più grande.

Potete creare un antipixel leggendo il mio post di qualche tempo fa, ma se volete creare un'immagine più complessa potete usare il normale Paint di Windows o un tool online come BannerFans (suggerito dallo stesso The Tramp), che però metterà il suo logo nell'immagine.

Una volta creata l'immagine, anche se è già ospitata online dal servizio usato, vi consiglio di scaricarla e pubblicarla in un vostro spazio, magari usando Imageshack o Skydrive (io uso sempre quest'ultimo).

Il grande vantaggio di pubblicarla su un proprio spazio è che in futuro potrete cambiarla, sovrascrivendo quella vecchia (utilizzando quindi lo stesso nome): verrà aggiornata automaticamente in tutti i blog che la visualizzano. Se lo fate però, mi raccomando di non cambiare le dimensione dell'immagine, perchè rischiate creare problemi a chi l'ha inserita. E' comodo inoltre scegliere il formato GIF, perchè oltre che utilizzare poco spazio permette di creare immagini animate.

Quando il banner è pronto ed è pubblicato in rete, potete aggiungerlo nel vostro blog usando il seguente codice html:

 

<textarea rows="5">
  <p>
    <a href="indirizzodelblog">
      <img src="indirizzoimmagine"/>
    </a>
  </p>
</textarea>

 

Sostituendo indirizzodelblog con l'indirizzo del vostro blog e indirizzoimmagine con l'indirizzo dell'immagine che avete pubblicato. Il numero 5 indica quante righe di codice vengono visualizzate nella casella di testo.

Nel caso di Blogger, il codice va incollato in un elemento di tipo HTML/JavaScript aggiunto da Layout->Elementi pagina.

AGGIORNAMENTO: se la casella col codice è troppo larga, usate il seguente codice modificandolo come sopra:

<textarea rows="5" cols="10">
  <p>
    <a href="indirizzodelblog">
      <img src="indirizzoimmagine"/>
    </a>
  </p>
</textarea>

dove 10 è il numero di colonne del testo e determina la larghezza della casella col codice. Potete aumentarlo o diminuirlo a seconda delle vostre esigenze. Grazie a Elena71 per la precisazione.

Condividi su Facebook, Twitter o Google Buzz:
Condividi su Facebook Condividi su Twitter Pubblica su Google Buzz

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:
oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!

22 commenti:

elena71 ha detto...

Thanks!

Vorrei aggiungere un piccolo consiglio in piu': se avete intenzione di iscrivere il vostro blog alle top 100 o in altri siti che raggruppano directory a tema vi conviene creare un banner che abbia la misura di 31 x 88 pixel perchè potrebbero non accettare altre misure.

Elena

the Tramp ha detto...

Grazie Ten, sapevo che potevo contare sul tuo aiuto. Ho già inserito il mio link pronto da diversi giorni e ne vado orgoglioso. Grazie ancora.

Tenebrae ha detto...

@elena71: grazie elena, ogni aggiunta in più è sempre utile ;) praticamente 88x31 sono le dimenesioni dell'antipixel classico, lo stesso che uso io

@tramp: sempre disponibile... altre proposte sono sempre ben accette

the Tramp ha detto...

Ciao Ten, quando puoi passa a trovarmi, c'è un premio che ti sei proprio meritato....

elena71 ha detto...

Caro Tenebra( che è il nome di un personaggio simpaticissimo dei cartoni animati che guardano le mie figliuole:D,

siccome provo qualsiasi cosa proponi, ho deciso di mettere una textarea sul mio blog, ma era troppo larga e non ci stava.

Quindi ho cercato un modo per ridefinirla, ho lasciato le 5 righe che proponi tu, ma ho diminuito la larghezza a 10 colonne, praticamente è uscita cosi': textarea rows="5" cols="10"

Scusami se mi permetto, so che tu sai, ma gli altri neofiti come me no e siccome ho deciso di imparare un po' di html mi piacerebbe che anche gli altri provassero la soddisfazione di capire come funziona e di muoversi tra le proprie pagine web senza avere gli attacchi di panico :D

Sono una rompi, lo so :D

Neverland ha detto...

Ciao Tenebrae, c'è un nuovo premio per te. Passa a ritirarlo su www.londrasoloandata.blogspot.com .
A presto.

Iole ha detto...

Ciao Tenebrae,
ti ringrazio per l'utilissimo post su SkyDrive.
Per le immagini e le animazioni flash del mio blog sto utilizzando Imageshack e YAHOO!GeoCities ma non sono molto soddisfatta ed ero proprio alla ricerca di un sito di file hosting migliore e finalmente l'ho trovato!

Anonimo ha detto...

Buona puntualizzazione, comunque grazie per i suggerimenti!

Tenebrae ha detto...

@elena: io so che tu sai che io so... :) hai fatto benissimo a fare la precisazione, in genere io non entro troppo nei dettagli per evitare confusione, a meno che non mi venga richiesto.. integrerò il post con la tua annotazione

@iole: mi fa piacere, anche per me skydrive è una gran cosa ;)

Anonimo ha detto...

Grazie mille per i preziosi consigli.

Fabietto, scenografo.

Anonimo ha detto...

ciao ho messo il tuo link nel mio blog l'indirizzo è questo non ti spaventare però sono alle primissime armi
http://tperazzoli.spaces.live.com/

Anonimo ha detto...

Ciao, ho provato a inserire il codice per linkarti ma non me lo visualizza nella pagina, l'ho messo nella parte di codice sotto link

dove sbaglio?

ti ospiteri volentieri, poi se ricambi
intanto mi studio le tue preziose info

grazie

Michel
ciao!

Anonimo ha detto...

scusa il mio indirizzo di blog corretto lo trovi qua (sopra avevo sbagliato url!!)

ciao

Tenebrae ha detto...

@michel: va incollato in un elemento di tipo html/javascript

ricambio sempre volentieri chi mi linka

Claudio ha detto...

ti ho linkato , sei troppo Forte!

animaalchemica.blogspot.com

susa ha detto...

Caro Tenebrae, ho trovato "Creare blog", cercando su google il sistema per farmi linkare dagli altri. Non so se sono riuscita a farlo nel modo giusto. Su "tools.blogflux.com/buttonmaker",
la spiegazione sarà semplice, ma io non conosco l'inglese.
Ho voluto provare la scia animata, posso chiamarle stelline, tenerle e lasciarle blu, non ti dispiace vero?
Grazie, tornerò spesso, ho trovato Creare blog molto interessante e l'ho linkato sul mio blog: leggendogoethe.blogspot.com
Susa

Animalia ha detto...

Ciao Ten, ho provato e.. sono riuscita!!! Adesso ho il mio antipixel ed è inserito nel mio blog, per chi volesse linkarsi con me. Posso dire di essere.. orgogliosa di me? Per un semplice bannerino? SI! ;)
(GRAZIE!)

Anonimo ha detto...

Fantastico!!!!

lore ha detto...

volevo dirti grazie per il tuo aiuto prezioso ... e che ho inserito il tuo link nei miei blog
loredana

Lety ha detto...

Grazie mille, ho seguito tutte le istruzioni e sono riuscita! Davvero soddisfatta di questo blog, complimenti!

Sonia ha detto...

Ciao, scusa sarò tonta, ma ho inserito il codice come dici tu, ma non sono sicura di averlo fatto bene, perchè per prova mi sono linkata sull'altro blog che ho e non mi da nulla, lo spazio è vuoto. Ma chi mi vuole linkare questo codice dove lo deve inserire? e io il collegamento all'immagine da dove lo prendo? Nel senso che devo scrivere c:\btgnet\.....etc?mi sa che sono proprio a terra eh?!mi puoi aiutare? a proposito io ti ho linkato. http://lacassataceliaca.blogspot.com
Grazie infinite
Ciao, Sonia

piccoLINA ha detto...

GRAZIE...ce l'ho fatta. Spiegazioni facili e comprensibili!
Fortuna che ci sei con le tue dritte!
Buona giornata
PAola


Prima di lasciare un commento, leggete qui

Posta un commento

Nota. Solo i membri di questo blog possono postare un commento.