Destacar Publicidades Com Técnica de CSS

Nesta postagem quero mostrar aqui para vocês, como vocês podem estar destacando publiciades com um macete bem interessante apenas com CSS. Destacadno a publiciade ela ficará mais "ampla" na visão do seu público. Parece uma coisa boba, mas, realmente a publicidade se destaca das outras e além disso, seu blog fica com um Desgn mais bonito...

Veja uma demonstração abaixo:

Veja também uma DEMO aqui: http://sodepassagemagora.blogspot.com.br/

Publicidade

Como voês podem ver na DEMO acima, a publicidade está em destaque.

Para fazer a publicidade ficar assim...

Entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código:

Publicidade no formato: 768x90

<div style="margin:50px 32px 0px 20px;float:right;position:relative;border:1px solid #000;border-radius:8px;background:#363636;width:715px;">
 <div id="club_menu_div" style="position:absolute;z-index:2;margin-left:245px;top:-25px;background:#363636;text-align:center;padding:5px;border-radius:8px;width:220px">
  <b><font color="#FFFFFF" size="4">Publicidade</font></b>
 </div>
 
 <div style="overflow:hidden;position:relative;width:691px;height:90px;border:1px solid #000000;display:inline-block;border-radius:10px;margin:10px;">
  <div style="position:absolute;">
  
<script type="text/javascript">
    google_ad_client = "ca-pub-9697072058028699";
google_ad_host = "pub-1556223355139109";
    google_ad_slot = "5327347964";
    google_ad_width = 728;
    google_ad_height = 90;
</script>
<!-- DicasHot Texto -->
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

  </div>
 </div>
</div>
<div style="text-align: right;">
<a href="http://dicashot.blogspot.com.br/" target="_blank"><img height="15" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM3ugrHgKfm25uHcbeT-6pC1JFGowcRdFnLJ5eKVdloU7ltrtlp0X1CdlBYsycCNSG_PI8KxtbRJ57Dn7Lyc08YKVv_U0qTNoVeDnCqilXzGApWJcADZ9jEG5TyLA2wIuFAk4hOzH6wF4/s320/Logo+-+DicasHot.png" width="15" /></a></div>

Na parte destacada de vermelho, você irá colocar o código da publicidade no formato 728x90.

Publicidade no formato: 160x600

<center>
<div style="margin:50px 11px; 20px 0;float:left;position:relative;border:1px solid #000;border-radius:8px;background:#363636;width:170px;">
 
    <div id="club_menu_div" style="position:absolute;z-index:2;margin-left:10px;top:-25px;background:#363636;text-align:center;padding:5px;border-radius:8px;width:140px">
  <b><font color="#FFFFFF" size="4">Publicidade</font></b>
 </div>
     
 <div style="overflow:hidden;position:relative;width:160px;height:600px;border:5px solid #2e2e2e;display:inline-block;border-radius:10px;margin:10px 10px 10px 0px;">
  <div style="position:absolute;">
   
<script type="text/javascript">
    google_ad_client = "ca-pub-9697072058028699";
google_ad_host = "pub-1556223355139109";
    google_ad_slot = "1564042360";
    google_ad_width = 160;
    google_ad_height = 600;
</script>
<!-- 160x600 -->
<script type="text/javascript"
src="//pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
  </div>
 </div>
</div>
<div style="text-align: right;">
<a href="http://dicashot.blogspot.com.br/" target="_blank"><img height="15" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiM3ugrHgKfm25uHcbeT-6pC1JFGowcRdFnLJ5eKVdloU7ltrtlp0X1CdlBYsycCNSG_PI8KxtbRJ57Dn7Lyc08YKVv_U0qTNoVeDnCqilXzGApWJcADZ9jEG5TyLA2wIuFAk4hOzH6wF4/s320/Logo+-+DicasHot.png" width="15" /></a></div>
</center>

Na parte destacada de vermelho, você irá colocar o código da publicidade no formato 160x600.

Tendo colado o código, salve e pronto!!!