Os melhores vídeos de
Riley Reid (+18) - FireLink
Mulher diz ter sido demitida
por ser 'muito bonita' (+18)
Especial de Natal da Bella da Semana:
Emiliana Agacci
Sites que vocês adultos
Vão Gostar - Link Fixo

Box Com Botões CSS - Contador de Seguidores no Facebook e Twitter - Exclusivo

Nesta postagem compartilho com vocês está box inédita!!! A box é super criativa sem contar que deixa seu blog muito mais moderno... A box foi desenvolvida com botões CSS o que a torna muito mais chamativa. 

Primeiramente vamos aplicar o estilo CSS. Para fazer isso... Entre em "Modelo" - "Editar HTML" e procure pela tag
]]></b:skin>
Tendo encontrada a tag, cole ACIMA dela o seguinte estilo css
/* Contador de Seguidores no Facebook e Twitter By DicasHot
----------------------------------------------------------------------------------------- */
#twitterfacebook {
background: url(http://3.bp.blogspot.com/-zRbyKwZfI60/Ug5d40CkKuI/AAAAAAAAPaU/XAzz3lwOuvM/s1600/fb-tt.png) no-repeat;
width: 305px;
height: 170px;
}
.fbcount {
position: relative;
text-align: left;
top: 7px;
left: 93px;
font-size: 35px;
font-family: 'Della Respira', serif;
color: #3c5b9b;
}
.fbcount span, .ttcount span {
color: #000;
font-size: 20px;
position: relative;
top: -30px;
left: 0;
}
.ttcount {
position: relative;
text-align: left;
top: -1px;
left: 93px;
font-size: 35px;
font-family: 'Della Respira', serif;
color: #2daae1;
}
.buttonsft {
position: relative;
top: -178px;
left: 184px;
width: 40px;
}
.curtir {
width: 93px;
height: 42px;
background: url(http://4.bp.blogspot.com/-Lg2IbkYkMkI/Uf8dkcu8hzI/AAAAAAAAPSI/hJ6Ult6yFtg/s1600/curta.png) 0 0;
position: absolute;
}
.curtir:hover {
background: url(http://4.bp.blogspot.com/-Lg2IbkYkMkI/Uf8dkcu8hzI/AAAAAAAAPSI/hJ6Ult6yFtg/s1600/curta.png) 0 -42px;
}
.seguir {
width: 93px;
height: 42px;
background: url(http://4.bp.blogspot.com/-uDGgJulwOJI/Uf8dkR6QK0I/AAAAAAAAPSM/G_B2FX2rl7k/s1600/seguir.png) 0 0;
position: absolute;
margin-top: 90px;
}
.seguir:hover {
background: url(http://4.bp.blogspot.com/-uDGgJulwOJI/Uf8dkR6QK0I/AAAAAAAAPSM/G_B2FX2rl7k/s1600/seguir.png) 0 -42px;
}
#sidebar-wrapper {
float:right;
width:317px;
margin: 1px -8px 10px 0px;
}
.sidebar h2 {
background:url(http://1.bp.blogspot.com/-unF1HWIsTT8/Uf6tSn2xKYI/AAAAAAAAPOo/dTsws2AF_8c/s1600/sidebar-title.png) no-repeat scroll 0 0 transparent;
color:#cacaca;
font-family: 'Della Respira', serif;
font-size:18px;
text-transform: uppercase;
font-weight: normal;
text-align: left;
width: 305px;
margin: 10px 0 2px 0;
padding: 8px 0 15px 12px;
}
.sidebar .widget-content {
width:300px;
text-align: left;
color: #000;
margin: -6px 0 2px 4px;
}
.sidebar {
padding:0;
margin:0;
}
.sidebar ul{
list-style:none;
padding:0;
margin:0;
}
.sidebar li{
padding:0;
margin:0;
}
.sidebar .widget {
margin:0;
padding:0;
}
Tendo colado, pode salvar e fechar está parte de edição.

Agora, entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código
<div id="twitterfacebook">
<div class="fbcount">
     36957<br /><span>curtiram</span>
</div>
<div class="ttcount">
     1436<br /><span>seguiram</span>
</div>
<div class="buttonsft"><a class="curtir" href="https://www.facebook.com/dicashot" target="_blank"></a><a class="seguir" href="https://twitter.com/Samuel12Oficial" target="_blank"></a></div>
</div>
Widget by <a href="http://dicashot.blogspot.com/">DicasHot</a>
Tendo colado o código, basta fazer as modificações nas partes destacadas de AZUL e pronto!!!

Por favor!!! Não tire os créditos que estão no Gadget.

Deixe seu comentário!!!

Cursos On-line 24 Horas - Educação a Distância de Qualidade
Box Com Botões CSS - Contador de Seguidores no Facebook e Twitter - Exclusivo Box Com Botões CSS - Contador de Seguidores no Facebook e Twitter - Exclusivo Reviewed by Muca on 11/28/2013 09:27:00 AM Rating: 5