.

quinta-feira

Box personalizada de Seguir O Blogger - Exclusivo

ACESSOS:
AQUI

Algumas pessoas ficaram pedindo um tutorial mostrando como se coloca uma box dessas de pedir seguidores no blogger.

É bem simples. Há e aproveitando o assunto!! Aproveite e já clique no botão abaixo e como agradecimento pelo tutorial segue o site DicasHot. É bem simples, é só clicar no botão e clicar em seguir.


Já Agradeço por seguir!!!


Bom! Para colocar esta box super legal em seu site...

Entre em "layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código
<div id="box_news" style=" width:820px; display: none; position: fixed; z-index: 9999; top:40%; right:10px;">
            <div style="width:300px; float:left; color:white; text-align: center; font-size:15px; padding:15px 10px 20px 10px; border:5px solid black; z-index:99999; text-shadow:1px 1px 1px #000; background:#548090;">
                <span style="cursor: pointer; font-size:13px; background: #fff; color:black;  padding:2px 5px; margin:-17px -12px -2px 0; border:2px solid #000; float:right" onclick="$('#box_news').hide(); ajaxDireto('http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js','act=setcookie&nome=ONNEWS&valor=1','box_news');" class="hb_tit">X</span>
                                    <p><strong style="font-size:19px;">Gostou dos tutoriais, novidades e de todo conteúdo?</strong></p>    
                    <br />
                    <div style="text-align: center">
Como forma de agradecimento, torne-se membro do site <b>DicasHot</b>. Basta clicar no botão abaixo e em seguida, clicar em <b>Seguir</b>:
<br /><br />
<center>
<a href="https://www.blogger.com/follow-blog.g?blogID=8246190591062143356" target="_blank"><img border="0" src="https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-8Pn187JxB48%2FU3ZZ66AczRI%2FAAAAAAAAET4%2Fw2ILngCF1HU%2Fs1600%2FDicashot%2Btrans.png&amp;container=blogger&amp;gadget=a&amp;rewriteMime=image%2F*" /></a>
</center>
                    </div>
                    </div>
</div>
<script type="text/javascript">
function abreCompartilhePlus()
{
var p2 = $("#rightbar").position();
setTimeout(function(){
$('#box_news').css('top',($(window).height()/2)-100);
$('#box_news').css('display','block');
$('#box_news').animate({                
//right: ($(window).width()/3)-100         
                        left: (p2.left)
 }, 500);
},30000);    
}  
$().ready(function(){ abreCompartilhePlus();});
</script>
<div onclick="$('#modal_bck').hide();$('#modal_box').hide();" id="modal_bck" class="black_overlay"></div>
<div id="modal_box" class="white_content">
<span onclick="$('#modal_bck').hide();$('#modal_box').hide();" class="close opaco">X</span>
<div id="modal_title"></div>
<div id="modal_content"></div>
</div>
<div id="fb-root"></div>
<script type="text/javascript">
/*$('.share_post').mouseenter(function(){
$(this).animate({ width: '90px' },'fast','',function(){$(this).find('.share_buttons').show();});
});
$('.share_post').mouseleave(function(){
setTimeout("hideSha()",200);
$(this).animate({ width: '22px' });
});
function hideSha()
{
$('.share_buttons').hide();
}*/
function abreLogin()
{
document.location='http://www.oficinadanet.com.br/login';
}
function newsSub3()
{
ajaxDireto('http://www.oficinadanet.com.br/ajax/site.php?act=newsletter','&news_dest=1&news_email='+$('#news_email1').val()+'&periodicidade='+($('#periodo11').attr('checked') == 'checked'?'1':'0'),'newsreturn1');
}
//setTimeout("$('#box_news').fadeIn()",500); 
function newsSub2()
{
$('#newsreturn1').html('carregando...');
ajaxDireto('http://www.oficinadanet.com.br/ajax/site.php?act=newsletter','periodicidade=1&news_dest=1&campo=newsreturn1&news_email='+$('#news_email1').val(),'newsreturn1');
}
</script>
Tendo colado o código, a única coisa que você terá que modificar é o ID na parte destacada de AZUL  no código.

Como saber qual é o meu ID?

É bem simples. Do painel do seu blog, clique em "Visão Geral" e logo você verá lá na barra de endereço o ID do seu blog. (veja na imagem abaixo)



Qualquer dúvida, não deixe de perguntar nos comentários abaixo.

Cursos On-line 24 Horas - Educação a Distância de Qualidade