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('7')'><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 = "http://feeds2.feedburner.com/bestwidgets"; var dynamicHTMLText = displayRequiredText(feedURL); document.getElementById("dynamicContentDisplayed").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/bestwidgetspelo URL do Feed do seu blog.
Aqui ficam 3 dos exemplos de resultados obtidos:
É simples!
Boa sorte!

Responda a este post
Enviar um comentário