Espaços Para Parceiros No Blog

Nesta postagem compartilho com vocês este código para que você possa colocar parceiros em seu site. Pois todos nós sabemos a importância e a influência que se pode causar; e como consequência disso, você irá conseguir muito mais visitantes em seu site.

Para colocar em seu site é bem simples... 

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

<style>
/* Espaços para parceiros
------------------------------------------*/
.widgetdicashot li{
height:125px;
width:125px;
margin: 6px 6px ;
padding:5px 5px;
list-style:none;
display : block;
display:inline;
float:left;
background:#000;
}
.widgetdicashot li a:hover {
height:125px;
width:125px;
margin: 6px 6px ;
padding:5px 5px;
list-style:none;
display : block;
display:inline;
float:left;
background:#93c501;
}
</style>
<div class='widgetdicashot'>
<div style="text-align: right;">
<span style="background-color: transparent; font-size: xx-small;"><span style="color: #F8F8FF;">Gadget by </span><a href="http://dicashot.blogspot.com.br/2014/07/espacos-para-parceiros-no-blog.html" target="_blank"><span style="color: #F8F8FF;">DicasHot</span></a></span></div>
<ul>
<li>
<a href='http://dicashot.blogspot.com/' target='_blank'><img alt='ads' border='0' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G-qD9pPT28qw2xMOMnJY3i0xbltz1Uk-O5c2Bz9ltoxyYlxGo6gVbyFv1ANwunGOvAE9D4xw4XNMuee9sgtwiH1tyfL07qrfgmQYRY1GvqYWz8udKrYPIGcVrRQMhvdBticgzGywnMA/s1600/Dicashot2.gif' width='125'/></a>
</li>
<li>
<a href='http://dicashot.blogspot.com/' target='_blank'><img alt='ads' border='0' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G-qD9pPT28qw2xMOMnJY3i0xbltz1Uk-O5c2Bz9ltoxyYlxGo6gVbyFv1ANwunGOvAE9D4xw4XNMuee9sgtwiH1tyfL07qrfgmQYRY1GvqYWz8udKrYPIGcVrRQMhvdBticgzGywnMA/s1600/Dicashot2.gif' width='125'/></a>
</li>
<li>
<a href='http://dicashot.blogspot.com/' target='_blank'><img alt='ads' border='0' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G-qD9pPT28qw2xMOMnJY3i0xbltz1Uk-O5c2Bz9ltoxyYlxGo6gVbyFv1ANwunGOvAE9D4xw4XNMuee9sgtwiH1tyfL07qrfgmQYRY1GvqYWz8udKrYPIGcVrRQMhvdBticgzGywnMA/s1600/Dicashot2.gif' width='125'/></a>
</li>
<li>
<a href='http://dicashot.blogspot.com/' target='_blank'><img alt='ads' border='0' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G-qD9pPT28qw2xMOMnJY3i0xbltz1Uk-O5c2Bz9ltoxyYlxGo6gVbyFv1ANwunGOvAE9D4xw4XNMuee9sgtwiH1tyfL07qrfgmQYRY1GvqYWz8udKrYPIGcVrRQMhvdBticgzGywnMA/s1600/Dicashot2.gif' width='125'/></a>
</li>
<li>
<a href='http://dicashot.blogspot.com/' target='_blank'><img alt='ads' border='0' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G-qD9pPT28qw2xMOMnJY3i0xbltz1Uk-O5c2Bz9ltoxyYlxGo6gVbyFv1ANwunGOvAE9D4xw4XNMuee9sgtwiH1tyfL07qrfgmQYRY1GvqYWz8udKrYPIGcVrRQMhvdBticgzGywnMA/s1600/Dicashot2.gif' width='125'/></a>
</li>
<li>
<a href='http://dicashot.blogspot.com/' target='_blank'><img alt='ads' border='0' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G-qD9pPT28qw2xMOMnJY3i0xbltz1Uk-O5c2Bz9ltoxyYlxGo6gVbyFv1ANwunGOvAE9D4xw4XNMuee9sgtwiH1tyfL07qrfgmQYRY1GvqYWz8udKrYPIGcVrRQMhvdBticgzGywnMA/s1600/Dicashot2.gif' width='125'/></a>
</li>
<li>
<a href='http://dicashot.blogspot.com/' target='_blank'><img alt='ads' border='0' height='125' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G-qD9pPT28qw2xMOMnJY3i0xbltz1Uk-O5c2Bz9ltoxyYlxGo6gVbyFv1ANwunGOvAE9D4xw4XNMuee9sgtwiH1tyfL07qrfgmQYRY1GvqYWz8udKrYPIGcVrRQMhvdBticgzGywnMA/s1600/Dicashot2.gif' width='125'/></a>
</li>
<li>
<a href='http://dicashot.blogspot.com/' target='_blank'><img alt='ads' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5G-qD9pPT28qw2xMOMnJY3i0xbltz1Uk-O5c2Bz9ltoxyYlxGo6gVbyFv1ANwunGOvAE9D4xw4XNMuee9sgtwiH1tyfL07qrfgmQYRY1GvqYWz8udKrYPIGcVrRQMhvdBticgzGywnMA/s1600/Dicashot2.gif'/></a>
</li>
</ul>
</div>

Modifique as partes em destaque no código. 

A parte destacada de vermelho corresponde a cor do fundo; Qualquer duvida de qual cor colocar, veja nossa tabela de cores - Tabela de cores em HTML
A parte destacada de laranja, corresponde ao link de cada anúncio;
E a parte destacada de azul, corresponde a URL da imagem do anúncio.

Tendo feita as modificações  no código, basta salvar e pronto!!!

Qualquer dúvida, não deixe de perguntar.