quinta-feira, 22 de dezembro de 2016

Facebook like pop up com timer widget Blogger

Tags

novo widget facebook like pop up com timer widget


Hoje vamos apresentar facebook like pop up widget com timer para Blogger, esse widget é para aumentar engajamento social ou seja quando visitamos um blog ele logo aparece com um tempo selecionado que fica aparecendo para que o usuario curta a sua fanpage isso foi elaborado por degan  também tem o botão close caso o visitante deseje fechar isso. caso deseje adicionar isso no seu template siga os passos abaixo 

Adicionando pop up widget com timer no blogger 

faça login no blogger então vá no menu modelo editar HTML com as teclas combinadas CTRL+F busque por </style> ou ]]></b:skin> e acima disso copie e cole o seguinte código:

/* Likebox PopUp with Timer */
#fblikepop { background-color: #fff; display: none; position: fixed; top: 200px;position: absolute; width: 450px; border: 10px solid #6F6F6F; z-index: 200; border-radius: 9px; margin: 0pt; padding: 0pt; color: #333333; text-align: left; font-family: arial,sans-serif; font-size: 13px;}
#fblikepop body {background: #fff none repeat scroll 0%; line-height: 1; margin: 0pt; height: 100%;}
.fbflush { cursor: pointer; font-size: 11px !important; color: #FFF !important; text-decoration: none !important; border: 0 !important;}
#fblikebg { display: none; position: fixed; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background: #000000; z-index: 100;}
#fblikepop #closeable { float: right; margin: 7px 15px 0 0;}
#fblikepop h1 { background: #6D84B4 none repeat scroll 0 0; border-top: 1px solid #3B5998; border-left: 1px solid #3B5998; border-right: 1px solid #3B5998; color: #FFFFFF !important; font-size: 14px !important; font-weight: normal !important; padding: 5px !important; margin: 0 !important; font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif !important;}
#fblikepop #actionHolder {height: 30px;overflow: hidden;}
#fblikepop #buttonArea {background: #F2F2F2;border-top: 1px solid #CCCCCC;padding: 10px;min-height: 50px;}
#fblikepop #buttonArea a {color: #999999 !important;text-decoration: none !important;border: 0 !important;font-size: 10px !important;}
#fblikepop #buttonArea a:hover {color: #333 !important;text-decoration: none !important;border: 0 !important;}
#fblikepop #popupMessage {font-size: 12px !important;font-weight: normal !important;line-height: 22px;padding: 8px;background: #fff !important;}
#fblikepop #counter-display {float: right;font-size: 11px !important;font-weight: normal !important;margin: 5px 0 0 0;text-align: right;line-height: 16px;}


Agora procure por </body> e cole o seguinte código acima disso:


<script type='text/javascript'>
//<![CDATA[
 kakinetworkdotcom01username="25366422483792",  //ID username fanpage
 kakinetworkdotcom01title="Join us at Facebook!", //Tulisan yang tampil di bar
 kakinetworkdotcom01skin="01", //Skin untuk gambar
 kakinetworkdotcom01time="50", //configuração do timer quantidade de tempo
 kakinetworkdotcom01wait="0",  //
 kakinetworkdotcom01lang="Br"  / (BRASIL = ID
 $(document).ready(function(){$().kakinetworkdotcom({ closeable: true });});  //true ganti dengan false jika ingin menghilangkan tombol close
//]]>
</script>

Salve e pronto.

Blogger
Disqus
Escolha o Sistem de Comentario

Nenhum comentário