Esqueceu
da criança
CURSO COMPLETO ONLINE
CRIE SEUS PRÓPRIOS DESENHOS ANIMADOS
Barata Tonta
Links da Semana
Bizolhando pela NET, encontrei sites
Um melhor do que o outro - (+18)

Barra Fixa no Rodapé do Blog Com Postagens Recentes




Nesta postagem compartilho com vocês esta barra de notificação a pedido do Renato

Veja uma demonstração:

http://youtubedicashot.blogspot.com.br/

Para colocar no seu blog é bem simples.

Para coloca-la no blogger... Entre em "layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código
<!-- inicio da barra com postagens recentes do blog by Dicashot --> 
<style type="text/css"> 
#ut-sticky 
{ 
background:url(&#39;http://3.bp.blogspot.com/-7oGSlq30cTw/Tv33CS4WGgI/AAAAAAAAA0w/HxId_tRUae8/s1600/ut-bg.png&#39;) repeat;
color:#fff; 
text-align: center; 
margin:0 auto; 
border-top: 1px solid #fff; 
height:28px; 
font-size:13px; 
position:fixed; 
bottom:0; 
z-index:999; 
width:100%; 
border-top-left-radius:15px; 
border-top-right-radius:15px; 
display:block; 
font-weight: bold; 
font-family: arial,&quot;Helvetica&quot;; 
font-color:#fff; 
} 
#ut-sticky:hover 
{background:#333;} 
#ut-sticky p{line-height:5px; font-size:13px; text-align:center; width:95%; float:left;} 
#ut-sticky p a{ text-decoration:underline; color:#FFFF33;} 
.ut-cross{display:block; position:relative; right:15px; float:right;} 
.ut-cross a{font-size:18px; font-weight:bold; font-family:&quot;Arial&quot;; color:#FF0000; line-height:30px;}
</style> 
<br />
<div id="ut-sticky">
<script src="http://img42.xooimage.com/files/7/b/5/recentpostsscrollervku-1b6927d.js" type="text/javascript"> </script>
<div class="feedmarquee">
<script type="text/javascript"> var nMaxPosts = 15; var sBulletChar="-" ; var nWidth; var nScrollDelay = 155; var sDirection="left"; var sOpenLinkLocation="p"; </script>
<script src="http://dicashot.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=RecentPostsScrollervku" type="text/javascript"> </script></div>
<div class="ut-cross">
<a href="javascript:hide_cross();"></a></div>
</div>
<script language="JavaScript"> 
function hide_cross() { 
crosstbox = document.getElementById(&quot;ut-sticky&quot;); 
crosstbox.style.visibility = &#39;hidden&#39;; 
} 
</script> 
<!-- Fim da barra com postagens recentes do blog by Dicashot -->
Na parte destacada de azul, coloque a URL do seu blog.

Tendo feito isto, está pronto!!!


Cursos 24 Horas

Cursos Online
Barra Fixa no Rodapé do Blog Com Postagens Recentes Barra Fixa no Rodapé do Blog Com Postagens Recentes Reviewed by Muca on 4/20/2014 12:12:00 PM Rating: 5