Espaços Para Anúncios Com CSS Versão #2

Nesta postagem compartilho com vocês este gadget de Espaço Para Publicidade. Você colocar banners de sites parceiros. Bem útil!

Torne-se membro do site, basta clicar no botão abaixo e clicar em Seguir:

Para colocar em seu blog... é bem simples

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

<style>
.dicashotcss {background:transparent;text-align: center;margin:0 auto;padding:10px 0 0 10px;height:290px;width:290px;transition:all 400ms ease-in-out}
.dicashotcss  img {background:none;margin: 0 auto;padding:0;text-align: center}
.dicashotcss  img:hover {opacity: .7}
.dicashotestilocss{float:left;margin: 0 10px 10px 0;width:125px;height:125px;text-align: center;background:#4572fb;position:relative;border:5px solid #0a46fe;transition:all 400ms ease-in-out}
.dicashotestilocss span{position:absolute;top: 50px;left:38px;font:16px Oswald;color:#fff}
.dicashotestilocss:hover{border-color:#fff;opacity: .7}
</style>
<div class="dicashotcss">
    <div class="dicashotestilocss">
<a href="http://dicashot.blogspot.com.br" target="_blank" title="DicasHot" rel="nofollow"><img alt="DicasHot" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc3/t1.0-1/p160x160/260123_440925355953365_2060510080_n.png" title="DicasHot" width="125" height="125"/></a></div>
    <div class="dicashotestilocss">
<a href="http://dicashot.blogspot.com.br" target="_blank" title="DicasHot" rel="nofollow"><img alt="FeederMatrix" height="125" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc3/t1.0-1/p160x160/260123_440925355953365_2060510080_n.png" title="DicasHot" width="125" /></a></div>
    <div class="dicashotestilocss"><a href="http://dicashot.blogspot.com.br" rel="nofollow" target="_blank" title="DicasHot"><img alt="DicasHot" height="125" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc3/t1.0-1/p160x160/260123_440925355953365_2060510080_n.png" width="125" title="DicasHot"/></a></div>
    <div class="dicashotestilocss"><a href="http://dicashot.blogspot.com.br" rel="nofollow" target="_blank" title="DicasHot"><img alt="DicasHot" src="https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc3/t1.0-1/p160x160/260123_440925355953365_2060510080_n.png" width="125" height="125"/></a></div>                                                       
</div>                                                                                                                                                   <div style="text-align: right;">
<span style="font-family: Times, Times New Roman, serif; font-size: xx-small;"><span style="color: #eeeeee;">Widget by </span><a href="http://dicashot.blogspot.com.br/2014/05/espacos-para-anuncios-com-css-versao-2.html" target="_blank"><span style="color: #f3f3f3;">DicasHot</span></a></span></div>

Nas partes destacadas de azul você irá colar o link do banner; e na parte destacada de rosa você irá colar a URL do banner que você quer colocar.

Tendo feitas as alterações, basta salvar e pronto!!!

Carregando atualizações...

Espaços Para Anúncios Com CSS Versão #2

DESTAQUES DO MÊS