Espaço Publicitário Personalizado No Final das Postagens Do Seu Blog
Nesta postagem trago para vocês mais este código para deixar seu blog ainda melhor... Trata-se de um espaço publicitário com espaço para colocar exatamente duas imagens (banners) no formato 300x250.
Como você pode ver na demonstração ACIMA, essa box pode ser colocada no início da postagem, no final, no centro, etc. mas estarei mostrando como se colocar no final da postagem.
Primeiramente, entre em "Modelo" e procure por
<data:post.body/>
Tendo encontrado essa tag, cole ABAIXO dela o seguinte
<style>
/* CSS Related Posts and Email Subscribe */
#subs-and-redat {margin:0;padding:15px;background:#DCDCDC;border-radius:3px;box-shadow:0 0 0 1px #696969;}
.kotakleft {background:none;width:44%;margin:0;padding:29px 0;display:block;float:left}
#related-post h4{font-family:'Open Sans', Arial, sans-serif;font-size:20px;font-weight:700;text-transform:uppercase;color:#949a7f;margin:0 0 15px;margin-top:-15px;}
#related-post li {line-height:1.8em;margin:0;padding:5px 0;}
#related-post ul {list-style:none;margin:0;padding:0;}
#related-post a {font-size:14px;color:#333;}
#related-post a:hover {color:#555;}
</style>
<div id='subs-and-redat'>
<div class='kotakleft'>
<center>
<a href='http://dicashot.blogspot.com.br/' target='_blank'><img src='http://180graus.com/imagens/portal/mult1-300x250e.jpg'/></a>
</center>
<div style='clear: both;'/>
</div>
<br/>
<center>
<a href='http://dicashot.blogspot.com.br/' target='_blank'><img src='http://s2.wallippo.com/thumbs/300x250/kelly-brook-117f4ec368acd6ec3ee42e261e9722b9.jpeg'/></a>
</center>
<div style="text-align: right;">
<span style="font-size: xx-small;"><a href="http://dicashot.blogspot.com.br/" target="_blank">DicasHot</a></span></div>
<div style='clear: both;'/>
</div>
<div style='clear:both;'/>
Tendo colado o código, basta salvar e pronto!!!
