Colocar Anúncio Responsivo e Flutuante no blog

Colocar Anúncio Responsivo e Flutuante no blogger

3. Feito isso, salve e veja o resultado.

Veja o tutorial de como colocar anuncio flutuante e responsivo no blog.


1. Vá para o blogger > Modelo > Editar HTML > Em seguida, copie o código abaixo e cole antes de </body>

<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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTuoEY3oMJ5t3Zno0074bGcRNegLHDX7Hu734eL_5pdm5KjvzJWGdF8l2jgPCCSLPttXeVJJ5zwpW7BiBe73D4mlOobGsQfHDui6dLitUJptBBGr3vDw-D4s-59w6bOjC-IAAIMOSgYI1y/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgwPFqV4FdDzbCUYnPc1k1muNqySqobiU7J8ZmK9WFseyXQayD9Q39ql-i6H-eaQ04FYGaXXY-N5SpM9cn4cQW4IXzb3uTnvEKJ4slMrQFJk_XOSwV0T_unUYJ90QPu57FzCN7GXCWKy4I/s1600/arlina-tea.png'/></a>
</div>
</div>

2. Agora, altere: 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgwPFqV4FdDzbCUYnPc1k1muNqySqobiU7J8ZmK9WFseyXQayD9Q39ql-i6H-eaQ04FYGaXXY-N5SpM9cn4cQW4IXzb3uTnvEKJ4slMrQFJk_XOSwV0T_unUYJ90QPu57FzCN7GXCWKy4I/s1600/arlina-tea.png 
pela imagem que desejar. É imprtante que a imagem seja responsiva, ou seja, ela deve se adaptar a versão mobile.