dicashot
Gata da vez
(+18)
DicasHot
HBO MOVIES ONLINE
TV
dicashot
Cartoon Network PT
TV
dicashot
ANI ROCHA NO FUNK
DANÇANDO MUITO



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