Surpreenda os visitantes do seu blog com uma Caixa de Boas-Vindas

Este hack permite apresentar uma caixa de boas-vindas aos visitantes do seu blog. E, ainda por cima, com mensagem personalizada que tem em conta a página de onde vem esse visitante do seu blog (google, facebook, twitter, digg, etc.).
Vamos ver então como fazer:

Passo 1:

Vá até ao Painel do seu blog --> Desugn --> Editar HTML --> Marque a caixa "Expandir modelos do widget"

Passo 2:
Procure o seguinte código

<data:post.body/>

Passo 3:

Substitua esse código por:

<script src='http://www.profelectro.info/Uploads/luisj/TextToBeDisplayedDiv.js' type='text/javascript'>
</script>
<div id='mainDisplayDiv' style='background:#F8F8FF;border:1px solid #B6AFA9;display:none'>
<div style='float: right; margin-right: 5px; margin-top: 5px;'>
<href a='#' onclick='closeGreetBox(&apos;7&apos;)'><img alt='x' border='0' src='http://img214.imageshack.us/img214/9837/closebutton.gif'/>
</href></div>
<div id='dynamicContentDisplayed'>
</div>
<script type='text/javascript'>
// Give your feed url here
var feedURL = &quot;http://feeds2.feedburner.com/bestwidgets&quot;;
var dynamicHTMLText = displayRequiredText(feedURL);
document.getElementById(&quot;dynamicContentDisplayed&quot;).innerHTML = dynamicHTMLText;
</script>
</div>
<script src='http://www.profelectro.info/Uploads/luisj/HideShowDiv.js' type='text/javascript'>
</script>
<script type='text/javascript'>
showHideDiv();
</script>
<br/><data:post.body/>

Passo 4:

Finalmente, no código anterior, substitua

http://feeds2.feedburner.com/bestwidgets

pelo URL do Feed do seu blog.

Aqui ficam 3 dos exemplos de resultados obtidos:

É simples!
Boa sorte!

                         

Mensagens relacionadas (por Tags)