quinta-feira, 7 de maio de 2015

Auto Slide Out Widget Redes Sociais Para Blogger

widgets-redes-socias-2015-para-blogger

Que tal colocar um lindo widget no seu blogger que funciona chamando a atenção de seus visitantes 
Esse widget é projetado com auto slide out opção que irá representar seus links do Facebook e do Twitter Fan página com número de Facebook likes e seguidores no Twitter. Sempre que um visitante vai rolar para baixo para o fundo do seu blog, em seguida, esta ferramenta irá aparecer. Também é muito eficaz para aumentar seus fãs no Facebook e Twitter. você vai ver esse incrível widget em nosso blog ao rolar a pagina ao final aproveite e curta nossa página e siga nos no facebook vamos então ao passo para implementar no seu blogger


Passo 1 Faça login na sua conta do Blogger e Vá para o seu painel do Blogger

Passo 2 Vá até a guia Layout.

Passo 3 Clique em "Adicionar um Gadget" e selecione "HTML / JavaScript" Gadget.

Passo 4 Agora Copie o código abaixo e cole-o em "HTML / JavaScript" Gadget.


<style>
#bsslideout{background: rgb(4, 82, 102) url(http://4.bp.blogspot.com/-ZDTaebubNZ0/UYjGUng3yQI/AAAAAAAACxo/ImRz3I0coQU/s1600/BS+Slidesocial.png) left top repeat-x;
border-radius:9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: inset 0 0 3px #333;
-webkit-box-shadow: inset 0 0 3px #333;
box-shadow: inner 0 0 3px #333;
padding: 12px 14px 12px 14px;
width:300px;
position:fixed;
bottom:13px;
right: 2px;
display: none;
z-index: 3;
height: 65px;
}
<!--www.mybloggerseo.com-->
</style>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#bsslideout").show("slow");else $("#bsslideout").hide("slow");});function closebsslideout(){$('#bsslideout').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<div style="display: none;" id="bsslideout">
<a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closebsslideout();">(X)</a>
<span style="font-family:Trebuchet MS; font-size:18px; margin: 10px 0; text-shadow: 1px 1px 0 #F7F7F7;">Feel Free To Join our community!</span><br/>
<div class='clear'></div>
<div style="float:left; margin:15px;">
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fmybloggerseo&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div>
<div style="float:left; margin:15px;"><a href="https://twitter.com/mytwitter_user" class="twitter-follow-button" data-show-count="true" data-size="small" data-show-screen-name="false">Follow</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div></div>

É só substituir os campos que estão amarelos pelo seu id do facebook e do seu id twitter se gostou compartilhe e curta nossa fan page deixe seu comentário abaixo

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post

Nenhum comentário:

Postar um comentário

NEXT ARTICLE Next Post
PREVIOUS ARTICLE Previous Post
 

Delivered by FeedBurner