Ricerca personalizzata
ADVPlace
Un network di Affiliazione per chi vuole monetizzare il proprio traffico...
Affiliation Partner
Un programma di Affiliazione italiano, che potrebbe essere una buona alternativa ad AdSense........
Sprintrade
Un network di affiliazione valido con centinaia di Campagne che pagano per click, lead e vendita........
AddyOn
Un servizio utile che permette di vendere o comprare spazi pubblicitari online......

25 marzo 2011

Inserire Annunci Pubblicitari integrati con il testo, con l'aiuto del codice CSS

In questo articolo vedremo come integrare gli annunci pubblicitari di AdSense con il testo dei Post che scriviamo. 

Abbiamo già visto qualcosa del genere Inserire annunci pubblicitari  nel mezzo degli articoli in Blogger, ma ora vediamo come inserirli sotto il titolo dell'articolo, integrandoli col testo grazie all'aiuto del codice CSS.

Innanzi tutto create il vostro annuncio, usando il formato di Adsense che preferite come 336x280, 300x250 o 250x250, oppure anche gli insiemi di link, stando attenti a scegliere un formato non troppo invasivo, in modo da lasciare lo spazio anche al testo.

Convertite, per quanto riguarda Blogger, l'annuncio da HTML di Adsense a XML con Blogcrowds

Se vogliamo che l'annuncio appaia allineato a sinistra allora:

span style='float left; margin 10px 5px 5px 0px;'

.... Codice AdSense....

span

Allineato a destra:

span style='float right; margin 10px 0px 5px 5px;'

.... Codice AdSense....

span
A questo punto entriamo nel codice sorgente, e cerchiamo la seguente riga, o qualcosa che gli assomigli

pdatapost.bodyp

Subito sopra incolliamo questo codice, se vogliamo che l'annuncio appaia solo nella singola pagina del post

bif cond='datablog.pageType == "item"'

... Annuncio AdSense compreso di codice di  allineamento ....

bif
Salviamo le modifiche effettuate ed il gioco è fatto! Spero di essere stata utile!


Se ti è piaciuto l'articolo, iscriviti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog! Per maggiori informazioni sui feed, clicca qui!


0 commenti:

Posta un commento

Scrivi le tue opinioni!

Related Posts with Thumbnails
 
Share
ShareSidebar