Modificare l'ordine dei Post su blogger

Questo tutorial è usato spesso per creare una home page su un blog; modificando l'ordine di presentazione degli articoli ci si riesce a farelo in un attimo!

Il "trucco" risiede nel modificare la cronologia dei vostri articoli, per fare ciò aprite il menù Post->Crea, vedrete una cosa del genere:

come modificare l'ordine dei post su blogger

Come si può vedere nell'immagine; per prima cosa (dopo avere scritto il vostro articolo) si clicca si Opzione Post, dopo di che basta modificare la data della pubblicazione del vostro articolo.

A questo punto, per creare una Home page unica sul vostro blog, nel senso di avere un "post di benvenuto" ed unico nella vostra pagina iniziale, bisogna:

  • fissare la data di pubblicazione della vostra Home-Page
  • Cambiate l'impostazione della Formattazione del vostro blog in modo che visualizzi un unico post nella pagina iniziale.
  • Ogni volta che venga creato un post, modificate la sua data di pubblicazione in modo che risulti più vecchia di quella della Homa-Page.

Come creare dei Posts espandibili (i famosi Expendable posts)-in modalità sommario

--Aggiornamento:
Qui potete trovare un nuovo e semplicissimo metodo per creare agli articoli espandibili


 --18/10/08---
Expandable post (o Articoli espandibili, o in modalità sommario) è un termine usato agli articoli dove si visualizza solo la loro parte itroduttiva con un link, spesso, "contina..." che consente a leggere il resto dell'articolo.
I post espandibili sono usatissimi, spesso dai blogger che scrivono articoli dove bisogna scorrere un bel po' per arrivare alla conclusione (immaginate un articolo del genere nella home-page! sapete che 2 OO!!).

L'implementazione del codice sul tempalte:

Per prima cosa vi invito a fare un bel buckup per il vostro template.

Dopo di che, cliccate su Modifica HTML, selzionate la voce Espandi i modelli widgets.

A questo punto cercate la seguente riga:

<div class="'post-body'">

e subito sotto copiate questo pezzo di codice:


<!-- post summary inizio hack -->
<b:if cond="'data:blog.pageType">
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<!-- post summary fine hack -->


Nota:
notate che
<!-- post summary inizio hack --> e
<!-- post summary fine hack -->
sono dei semplici commenti per strutturare il codice ma potete tranzuillamente rimuoverli.

Adesso cercate questa riga di codice che si dovrebbe trovare immediatamente sotto
<!-- post summary fine hack -->
<p><data:post.body/></p>
e subito sotto copiate questo pezzo di codice:


<!-- post summary inizio hack -->
<a href="'data:post.url'">continua a leggere..</a>
</b:if>
<!-- post summary fine hack-->

Faccendo tutto bene vi dovrebbe risultare il seguente blocco di codice:

<div class="'post-body'">

<!-- post summary hack begin -->

<b:if cond="'data:blog.pageType">

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<b:else/>

<style>.fullpost{display:none;}</style>

<!-- post summary hack end -->



<p><data:post.body/></p>

<!-- post summary hack begin -->

<a href="'data:post.url'">Continua a leggere..</a>

</b:if>

<!-- post summary hack end -->


<div style="'clear:"> <!-- clear for photos floats -->
</div>

dove i codici in verde sono quelli aggiunti.

salvate il vostro tempalte.

Cosa fare quando preparate un articolo:

Scrivendo il vostro articolo, il "punto espandibile" lo scegliete incollando la seguenta stringa di codice:

<span class="fullpost">

Scrivete il resto del vostro articolo dopo questo codice, ed alla fine aggiungete questo tag:

</span>

Se volete rendere questo meccanismo più facile, potete andare su IMPOSTAZIONI-> FORMATTAZIONE, scorrete giu fino ad arrivare al "Modello post", copiate ed incollate il seguente codice

inserisci la prima parte dell'articolo qui
<span class="fullpost">
inserisci il resti qui
</span>

cosi avete un'impostazione predefinita.

Notate che questo metodo (usato da me tra l'altro) non usa i javascript per i vostri post espandibili il che lo rende molto più semplice da implementare soprattuto per i novisti, ma se volete provare l'altro metodo vi consiglio questo articolo

Monetizzare grazie ad Adsense Youtube video unit!

Finalmente si può monetizzare con adsense grazie ai video di Youtube ma in reltà non è proprio quello che ci aspettavamo! in realtà, quest'opzione non ci permette di inserire annunci nei nostri video Ma si scelgono dei channels youtube con video di altri utenti :(... Forse hanno scelto di fare cosi per non violare i diritti di autori! (anche se lo fanno in altri modi :P)...
Comunque sia, coloro che hanno un account Italiano in Adsense non riusciranno ad utilizzare gli Video unit MA è possibile cambiare la lingua dal menu Profilo poi scegliere Inglese o Francese... (che sfiga però, solo l'italia non ha quest'opzione???!!!)




In fine vorrei ringraziare Giorgio Tommazetti per quest'indicazione ;)

Inserire Annunci Adsense nei vostri Post:

La piattaforma Blogger "impedisce" l'inserimento di Annunci Adsense negli articoli cosa veramente fastidiosa per la maggior parte dei Blogghisti che cercano di monetizzare i propri blog.
Esistono vari metodi per l'integrazione degli annunci nei vostri post; ecco a voi i più usati:

Nota: prima di fare qualsiasi modifica, vi consiglio di fare un BuckUp del vostro Template.

L'Hacking Point:

per effettuare questo Hacking, bisogna fare una modifica sul template piuttosto che sull'articolo, percio andate su Layout->Modifica HTML-> selezionare la voce Espandi i modelli widget e cercate quasta riga di codice:

<div class='post-header-line-1'>

Subito sotto questa riga inserite il vostro codice Adsense MA CON LA SEGUENTE MODIFICA:


<script type='text/javascript'><!--
google_ad_client = "CODICE CLIENTE";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text_image";
google_ad_channel = "";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "5588AA";
google_color_text = "000000";
google_color_url = "0099CC";
google_ui_features = "rc:6";
//-->
</script>
<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js' type='text/javascript'>
</script>

Sostituite <!-- con e //--> con


Salva Template.

Scambiare il titolo del post con quello del blog

Molti di avranno potuto notare che Blogger ha cambiato il suo sistema, quindi non è più possibile mettere dei Widget sul <HEAD>. Ma fortunatamente, ora blogger ha aggiunto nuove tags che possiamo usare per scambiare la posizione del titolo del post con quella del titolo del blog, detta in gergo lo SWAPING TITLE.

Ecco a vuoi un poccolo hacking da fare:

1.cercate questa linea di codice:

<title><data:blog.title/></title>


2.Rimpiazzate questo codice al posto della linea cercata:
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>


3.Salvate il vostro tempalte.

*speciale ringraziamento a Archit per averci fornito questo tutorial

Il vostro sito sulla prima pagina di Google

Su questo Articolo cercherò di descrivervi le 11 regole d'oro per raggiungere le prime posizione sui motori di ricerca come Google, Yahoo, Altavista ecc...

Ecco a vuoi gli 11 comandamenti che vi consiglio:

  1. Keywords sul titolo
  2. Keywords sugli URL
  3. Keywords sul primo paragrafo
  4. Usare le immagini con tutte le proprietà settate; nome immagine, il tag alt ecc...
  5. Titolo in ogni link
  6. Keywords rupetute; ovvero, ripetizione dei Keywords
  7. Mischiare i Keywords
  8. Non abbiate paura a linkare ad altri siti
  9. Link a correlati o simili siti web
  10. "Successione" di articoli
  11. Scambiare il titolo del post con il titolo del blog
Ora facciamo degli esempio per chiarificare il significato di ogni punto:
1.Keywords sul titolo del articolo:

Scegliere il più breve titolo possibile con il maggior numero dei Keywords.

2.Keywords sugli URL:

questo è il vantaggio di usare Wordpress o Blogger come nostro Blog Engine. Entrambi i softwares creano automaticamente l'URL appartire dal Titolo del post che hai scritto.

Ma attensione a non scrivere lunghi titoli, in quanto sia Wordpress sia Blogger "tagliano" automaticamente il titolo una volta raggiunto un tot di numeri di caretteri

la saggia soluzione:
Su Wordpress è possibile modificare facilmente l'url del post (articolo) (Post slug / permalink) con la funzione incorporata in essa.
Su Blogger è possibile manipolare l'URL salvando il post con un titolo temporaneo (che dovrebbe soddisfare il punto precedente). una volta salvato, è possibile modificare nuovamente il titolo del post senza perdere o camviare l'URL già salvato

3.Keywords sul primo paragrafo:

E' stato detto che Google considera il primo paragrafo come la più importante perte di una pagina web.

Naturalmente si può effettivamente impostare solo il metatag description, cosa facile su Wordpress, purtroppo difficile su Blogger

4.Usare le immagini con tutte le proprietà settate:

Su questo post ho usato uno snapshot image da un sito di prova. Forse il nome giusto dell'immagine dovrebbe essere "esempio.jpg" o "pipi.jpg" o qualcosa del genere. I preferisco usare "blogger-per-i-nulli.jpg" Blogger per i nulli

E non dimenticare la proprietà ALT. e naturamente, impostate l'ALT con le parole chiave (keywords)

Quindi, ecco come dovrebbe essere il codice HTML:
<img src="http://www.blogger.com/Url%20dell%27immagine" alt="blogger per i nulli" />

5.Titolo in ogni link:

Si dice che Google conta ogni fattore di ogni elemento in una pagine web. Cosi l'aggiunta e l'usa di più elementi con assoluta proprietà , si spera, fa in modo che il nostro sito abbia un aspetto più professionale , cioè più affidabile.

N.B.: Quest'informazione non è ufficiale ma deriva dall'esperienza di tanti bloggers

6 & 7. ripetere e mischiare i Keywords:

Mischiare i keywords significa invece di ripetere le stesse parole chiave in ogni punto, è meglio scriverele in formati diversi.

Esempio: le parove chiave principale sono : "Fare soldi online"

possiamo usare il formato:

"guadagnare solti online", "come diventare ricchi online" ect...

8 & 9.Non abbiate paura a linkare ad altri siti, ma cercate di Linkare a correlati o simili siti web:

Molte porsone (blogghisti) hanno paura di linkare a un altro sito perchè...per molti raggioni. Vi dico una cosa: NON ABBIATE PAURA! Se il sito a cui linkate ha una buona reputazione o almeno non è segnato come spam dal motore di ricerca.

Cercate di creare collegamenti a pagine che abbiano contenuti analoghi, questo farà credere a Google che stiamo dando informazioni vere ed affidabili ai nostri lettori.

Provate a creare collegamenti a pagine interne piuttosto che alla homepage

10."Successione" di articoli:

Questo è punto facile da capire; Avendo più contenuto significa che vi sono ulteriori informazioni da offrire.
Ecco perché Google non mette solo una, ma due pagine sulla lista dei risultati.

11.Scambiare il titolo del post con il titolo del blog:

Secondo Google tutte le parole hanno un valore diverso. Ecco perche "Il vostro sito sulla prima pagina di google - bloggerperinulli.blogspot.com" è melgio piuttosto che "bloggerperinulli.blogspot.com:Il vostro sito sulla prima pagina di google"

quindi, cercate di mettere le vostre parole chiave in prima posizione poi scambiate il titolo dell'articolo con il titolo del blog.

è possibile effettuare questa operazione facilmente su Wordpress instrallando All in One SEO Pack Wordpress Plugin, Per Blogger potete utilizzare questo Tutorial molto detagliato e facile da applicare su come scambiare la posizione del titolo del post con quella del titolo del blog.

Ecco tutti gli undici Suggerimenti e trucchi che applico sul mio Blog.

Spero che vi sia stato di grand aiuto :)

Prima di concludere, Ecco alcuni Errori da evitare:
.Non settare i META tags.
.Settare la proprietà Bold sulle parole importanti, specialmente sulle parole chiave targhettate ( di alta priorità ).

Come aggiungere un'icona al titolo dei vostri articoli


Ti piacerebbe aggiungere una piccola immagine o icona al titolo dei tuoi articoli? Alcuni lettori hanno chiesto su questo argomento ed ecco la soluzione...

1. Creazione del Logo:
Prima di tutto, bisogna scegliere una foto o crearla personalmente grazie a specifici Software oppure tramite dei siti di tipo Online-Image-Editors come ad esempio cooltext.com. Dopodiche, copia il corrispondente link/URL

2. Creazione del codice immagine:
Il codice HTML per un immgine è:


<img src="LINK IMMAGINE" style="border-width:0px" />


3. Modificare il template:
Dopo aver loggato nel proprio Blogger acount, dal menu scegli LAYOUT, poi modifica HTML (vi consiglio di fare un backUp per il vostro template attuale ;P) e selezionare Espandi i modelli widget.

A questo punto bisogna scorrere giù fino a raggiungere questo codice:

<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
(alcuni di voi possono non avere l'ultima riga)


Incolla il codice della tua immagine, creato nel passo 2, subito dopo l'ultima riga del codice sopprascritto.
Salva il template ed il gioco è fatto :).

Se vuoi visualizzare il logo DOPO il titolo, copia il codice dell'immagine dopo questa linea del codice:


<data:post.title/>


salva template!

Come scegliere adeguatamente i vostri Keywords

Questo video dimostra come condurre un'adeguata ricerca di Keywords per il vostro blog o sito SEO (search engine optimisation), esso spiega l'uso di uno dei più famosi programmi di ricerca di parole chiavi (keyword research) ovvero WordTracker enunciando il metodo da seguire per scegliere adeguatamente i vostri Keywords.

Problemi nella visualizzazione degli HTML nei vostri post?

Alcuni lettori hanno chiesto su come inserire Codici HTML nei loro articoli Blogger(blogspot) esempio :(vedi Come aggiungere Emoticons al proprio blog)
Nell'esempio precedente, il codice HTML era raggruppato in una Scroll-Box, Clicca qui per scoprire come si crea una Scroll-Box

Questo problemino è dovuto al fatto che quando si cerca di "visualizzare" il tag HTML </br> , il web browser lo interpreta come comando e non come una stringa da visualizzare!.
Quindi per risolvere questo problema non faccio altro che sostituire "<" con "& lt" e ">" con "& gt" (tutto attaccato)
La prima soluzione che ci viene in mente è quella di copiare il codice HTML da visualizzare nel BloccoNote e sostituire i tags sopraelencati con quelli gia descritti sfruttando il comando Cerca+Sostuisci, Ma grazie a Dio esiste un metodo MOLTO più facile; quello di usare gli encodere che circolano nel web.
Ecco a voi il link di uno di quelli: encoder

Non vi resta che copiare il codice HTML nel text-box e cliccare ENCODE, ed il gioco è fatto :D

Il tag ALT aumenta il Ranking!!!

Per poter sfruttare al massimo il funzionamento dei web-spider, cari amici, è importante sapere che quest'ultimi effettuano la loro ricerca ANCHE sul tag Alt delle immagini! eh si... e proprio cosi, purtroppo molti di noi lasciano questo tag vuoto oppure non lo scrivono neanche :P.

Con questo Post cercero di farvi conoscere una tecnica usata per sfruttare al MASSIMO i tag, ma prima parliamo del tag ALT; una volta caricata un'immagine viene fornito lo script seguente :


<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" __LongTerm__ style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" __LongTerm__ border="0" alt=""id="BLOGGER_PHOTO_ID_5206091386300350402" /></a>

Come si può notare, per default, Blogger genere il tag alt vuoto, e ciò non è altro che un invito dalla parte di Blogger per inserire una descrizione sull'immagine! .Esempio: alt="pingopallino"

Quello che vado a fare dopo è copiare (scrivere) la stringa title="pingopallino" ed inccollarla alla fina del tag id ( dopo le " e prima di />) come mostrato nello script seguento:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" __LongTerm__ style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" __LongTerm__ border="0" alt="pingo pallino"id="BLOGGER_PHOTO_ID_5206091386300350402" title ="pingo pallino" /></a>

Spero che vi sia stato di aiuto :D

Rimuovere la NavBar di blogspot

Per Nascondere, o rimuovere, la NavBar di Blogger bisogna seguire questi 3 passaggi:
-Entra nel tuo blog-account
-Seleziona Layout. Verrai mandato nella pagina dove si trova il tuo template. seleziona Modifica HTML. Sotto Modifica Modello troverai l'HTML corrispondente al tuo blog.
-Incolla la definizione CSS in alto al vostro template come è mostrato qui sotto:


...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Rounders
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */



La definizione CSS:

#navbar-iframe {
display: none !important;
}



/* Variable definitions
====================
<Variable name="mainBgColor" description="Main Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="mainTextColor" description="Text Color" type="color"
default="#333" value="#333333">
</span>

Ed il gioco è fatto.

Come aggiungere emoticons al tuo blog

AGGIORNATO IL 28/05/2009

Molti di voi si sono chiesti se è possibile aggiungere dei emoticons tipo questo blog per i nulli, blog, blogger in modo da abbelire l'aspetto del proprio Blog.
Il metodo che vi propongo è un metodo semplice da usare (si puo' usare un metodo rapido sfruttando i javascript ma non ci ne frega sinceramente blog per i nulli, blog, blogger).
Il metodo è diviso in 3 semplici passaggi:
Primo passo:
Copia ed Incolla questo codice nel parte HEAD del vostro codice XML:







<!--BloggerEmoticons-->
<script type="text/javascript">
<!--

function replaceText() {
// no support
if(!document.getElementById) {
return;
}

bodyText = document.getElementById("body");
theText = bodyText.innerHTML;

// replace
theText = theText.replace(/;\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";)" />');
theText = theText.replace(/;-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif" alt=";-)" />');
theText = theText.replace(/:D/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":D" />');
theText = theText.replace(/:-D/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif" alt=":-D" />');
theText = theText.replace(/B\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B)" />');
theText = theText.replace(/B-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif" alt="B-)" />');
theText = theText.replace(/:x/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":x" />');
theText = theText.replace(/:X/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":X" />');
theText = theText.replace(/:-x/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-x" />');
theText = theText.replace(/:-X/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/mad.gif" alt=":-X" />');
theText = theText.replace(/:-\(/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":-(" />');
theText = theText.replace(/:\(/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif" alt=":(" />');
theText = theText.replace(/:o/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":o" />');
theText = theText.replace(/:O/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":O" />');
theText = theText.replace(/:-o/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-o" />');
theText = theText.replace(/:-O/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif" alt=":-O" />');
theText = theText.replace(/:p/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":p" />');
theText = theText.replace(/:-p/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-p" />');
theText = theText.replace(/:-P/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":-P" />');
theText = theText.replace(/:P/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif" alt=":P" />');
theText = theText.replace(/:-\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":-)" />');
theText = theText.replace(/:\)/g,'<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif" alt=":)" />');

bodyText.innerHTML = theText;
}

-->
</script>
<!--BloggerEmoticons-->




Secondo passo:
modifica il <body> in modo che diventi cosi :

<body id="body" onload="replaceText();">

Terzo passo:
Ed il gioco è finito!!



28/05/2009
Grazie alla segnalazione di un nostro lettore abbiamo scoperto che questo codice JavaScript inline non "piace più" a blogger, perciò vi basta inserire la seguente riga di codice subito dopo <head> al posto del codice JavaScript fornito in alto.

la riga di codice è la seguente:
<script src='http://bloggerperinulli.googlepages.com/emoticons.js' type='text/javascript'/>

Caricare un Template su Blogger (blogspot)

I templates sono dei modelli che vengono usati per personalizzare l'aspetto del proprio blog o sito. Molti sono i siti dedicati a ciò:

  1. blogcrowds.com
  2. bloggertemplates.org
  3. ...
Ora vediamo come possiamo implementare questi templates sul nostro blog.

Una volta loggati, cliccate su "Bacheca" -> "Layout".
dopo di che selezionate la voce "Modello" -> "Modifica HTML" esce fuori una finestra come quella mostrata su quest'immagine.


(tasto destro + visualizza immagine per ingrandire l'immagine)

A questo punto, è raccomandato eseguire il back-up del modella che stiate usando cliccado su "Scarica modello completo" come mostrato nell'immagine. ( punto 1 )

Cliccate su "sfoglia" per caricare un modello che avete gia salvato sul vostro computer . ( punto 2 )

In fine, cliccate sul pulsante "carica". ( punto 3 )

DewPlayer: lettore mp3 per il web

DewPlayer è un programma, ovvero un lettore mp3, usato moltissimo dai blogger, ciò è dovuto alla semplicità di funzionamento, il suo utilizzo è gratuito anche nell'ambito professionale o commerciale e la sua eleganza :D.



Utilizzo:

primo passo:
scaricare il programma:
link1
link2 (sito ufficiale)

secondo passo:
Caricare il Player ed il brano su un sito Hoster, ad esempio Archive-Host oppure Google pages

terzo passo:
Creare un elemento pagina di tipo HTML/Javascript andando su "Modello" + "Elementi Pagina" + "aggiungi elemento pagina" aggiungendo il seguente codice:


<object type="application/x-shockwave-flash" data="DEWPLAYER.swf?mp3=NOME_FILE.MP3" width="200" height="20">
<param name="movie" value="DEWPLAYER.swf?mp3=NOME_FILE.MP3" />
</object>


DEWPALAER : percorso del vostro player caricato sul server host.
NOME_FILE : percorso del vostro brano caricato sul server host.

Invece, se si desidera integrarlo in un articolo ( come l'esempio sopra ) basta aggiungere il codice scritto in precedenza faccendo, ovviamente, le stesse modifiche.

Opzioni:
Lettura automatica: è possibile lanciare automaticamente la lettura del brano selezionando l'ozioni Autoplay ( o autostart) e il valore 1, true o yes. Esempio:
dewplayer.swf?mp3=test.mp3&autoplay=1

Lettura a loop: è possibile rilanciare automaticamente la rilettura del brano selezionando l'ozione autoreplay e il valore 1, true o yes. Esempio:
dewplayer.swf?mp3=test.mp3&autoreplay=1

Tempo: Con il lettore DewPlayer è possibile visualizzare il tempo in minuti:secondi, con l'opzione showtime e il valore 1, true o yes. Esempio:
dewplayer.swf?mp3=test.mp3&showtime=1

Volume: Per modificare il volume per default del lettore, valore da 0 (minimo) a 100 (massimo del volume).Esempio:
dewplayer.swf?mp3=test.mp3&volume=80

Dewplayer resta per il momento il lettore mp3 per il web il più usato, soppratutto, dai bloggers grazie alla sua semplicità e sua elegansa.

Come sfruttare al massimo gli annnunci Adsense?

Oggi cercherò di darvi qualche consiglio su come gestire al meglio i vostri annunci Adsense, Yahoo...riuscendo a guadagnare il massimo monetizzando nel vostro blog.

L'importanza della posizione dell'annuncio!:
Un fatto molto importante è che il posizionamento dei vosti annunci arriva veramente a fare la differenza; I studi hanno affermato che il primo punto della pagina che viene "captato" dal cervello è la parte in alto a sinistra (questo è dovuto al fatto che siamo abbituati a leggere e scrivere da sinistra a destra), poi viene in secondo posto "il header" o lo spazio-titolo in alto della pagina per poi arrivare in ultima posizione il "main" della pagina.
Ho messo questa foto per chiarificarvi un può le idee su di cosa mi sto riferendo:


La scelta del banner:
Primo di tutto, è molto importante che gli annunci Testuali abbiano lo stesso colore di testo, stesso formato e stesso colore di sfondo del vostro sito.
Secondo punto: personalmente vi consiglio di usare i banner 336x280 poichè sono quelli che rendono di più ed hanno il CTR più alto. Questo tipo di banner, soppratutto quelli di tipo testuale, per essere ottimizzati al massimo, si possono mettere tra i post come mostrato nell'immagine precedente.
Inoltre, vi consilgio di mettere uno o due insieme di link; non esitate a mettere uno sotto l'"header" ed uno nella vostra sidebar "camuffandola" tra la lista delle etichette e la lista archivio ad esempio! :)

Cos'è RSS Feed?

Prima di tutto, vi invito a vedere questo video che spiega in maniera molto semplice e detagliatissima su come funziona l'RSS:




Definizioni di base (per capire cos'è)

Partiamo subito con una prima definizione di orientamento: «RSS è un formato per la distribuzione di contenuti sul Web».

È una definizione volutamente ampia, generica, ma che guarda avanti, rimanendo aperta agli sviluppi possibili (e in parte già esplorati) di questa tecnologia.

In realtà, spulciando tra i tanti tutorial reperibili in Rete, potreste imbattervi in definizioni più restrittive che suonano più o meno così: «RSS è un formato per la distribuzione e la diffusione su diversi canali (syndication) di liste di link, titoli e sommari di news».

Nulla da eccepire. Si può usare RSS anche per fare questo. Anzi, come vedremo, il linguaggio è nato essenzialmente per svolgere questa funzione e così viene usato da molti siti giornalistici o di news. Soltanto che, ribadisco, è solo uno degli usi possibili.

Cambiamo versante e buttiamoci sul tecnico: come linguaggio, RSS è un'applicazione di XML.

In base a ciò, un documento RSS deve essere conforme alla specifica XML 1.0 ed essere pertanto ben formato (per il concetto di documento ben formato riamandiamo alla guida a XML). A beneficio di chi non mastica tutto il giorno tecnicismi astrusi, dirò che il rapporto tra RSS e XML può essere paragonato a quello tra una lingua ufficiale e standardizzata con un suo dialetto. Un rapporto a dire il vero un po' speciale e difficilmente verificabile nella realtà 'linguistica', ma basti come schema orientativo: RSS è un dialetto con un lessico tutto suo (molto limitato peraltro), ma deve rigorosamente rispettare la sintassi e la grammatica di XML. In pratica: posso usare tranquillamente i termini del veneto o del napoletano, ma guai a toppare un congiuntivo, una consecutio temporum o un è senza accento. L'Accademia della Crusca, che per noi è il W3C, ha deciso così e dobbiamo adeguarci. (source)

Come creare una Scroll-Box per i vostri blog

Forse molti di voi si sono chiesti come si fa per creare una Scroll-Box come quella usata nell'articolo :
-Come aggiungere emoticons al proprio blog
-...
Essi, scroll-boxs, vengono spesso usati per "conservare" spazio ed abbellire i proprio articoli.
Ecco il codice neccessario per crearne una:


<div style="overflow:auto; height:300px; width:400px">
<table cellpadding="0" cellspacing="0" style="width:250px;">
<tr>
<td>INSERISCI IL TESTO QUI</td>
</tr>
</table>
</div>

Dove il testo viene inserito al posto della stringa :"INSERISCI IL TESTO QUI"

Ovviamente la dimensione può essere cambiata a piacere asseconda del vostro blog o sito.

Tutto qua, spero che vi sia tutto chiaro.

Come creare un blog con blogger

Tutto quello di cui avete bisogno per creare un blog con blogger. tutto! dalla A alla Z

Su queto video troverete tutti i passaggi neccessati per la creazione di un blog su Blogger.com

Iscriviti a: Post (Atom)