.

domingo

Barra Fixa no Rodapé do Blog Com Postagens Recentes

ACESSOS:
AQUI



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