segunda-feira, 12 de outubro de 2015

Floating Ads Responsive rodapé do blogger

banner-floating-ads-rodapé-do-blogger

DEMO 

Hoje vamos apresentar aqui um efeito muito interresante para que você possa ter o privilegio de ter anuncios no ródapé do blogger com um efeito bem legal quando rolamos a pagina para baixo ele continua seguindo o blogger aconselhamos não utilizar esse com adsense é contra as politicas do adsense mas vai poder usar com outras plataformas de anúncios.



Para Adicionar no seu Blogger  

Faça login no blogger então no menu procure por modelo então Editar Html 
logo após com as teclas combinadas CTRL+F busque por </body> e adicione o seguinte código antes 


<script type='text/javascript'>
$(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
</script>
<div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
<div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
<a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='http://3.bp.blogspot.com/-9h86Fhn6zZU/VhtxRDTM4qI/AAAAAAAADK0/fQN3Z00kWwk/s1600/arlina-tea.png'/></a>
</div>
</div>

Salve e pronto não esqueça de alterar onde esta em amarelo para alterar o anuncio Créditos Bugfran



NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner