Box personalizada de Seguir O Blogger - Exclusivo - DicasHot | Ver TV Ao Vivo e Entretenimento Masculino Grátis

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPcZpTqRrjQpI0m8d_opabzbx2_IZ6IHbDHhNH9mKVWBDvAds6yBZ5nrCLX9vGOXArhzRErxxEy6vWPDgP4pFYZ0Vn8_JbfJTC3LkfFcIjQrDupRmGPrmHhUnL26wrJn18KC2q_En0b8Y/s1600/Dicashot+trans.png" /></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>