.

sexta-feira

Destacar Publicidades Com Técnica de CSS

ACESSOS:
Deixe seu comentário


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="http://3.bp.blogspot.com/-oLACKncFtR4/U5yWHczCKYI/AAAAAAAAEhw/-Jv5gNh96qA/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="http://3.bp.blogspot.com/-oLACKncFtR4/U5yWHczCKYI/AAAAAAAAEhw/-Jv5gNh96qA/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!!!

Teia de Links - Descubra os Melhores Sites