Colocar PopUp Facebook no Blogspot

Facebook tornou-se o líder de serviços de comunicação social sobre o anfitrião jogo Internet para mais de 1,3 bilhões de usuários; desses, 800 milhões de login para seu painel alimenta pelo menos uma vez por dia. Graças ao grande número de usuários ativos em serviços como Facebook, adquirindo novos leitores como um blogueiro ou provedor de conteúdo se tornou mais fácil do que nunca.

A fim de produzir uma campanha digital eficaz, é absolutamente necessário tirar proveito das mídias sociais, fazendo coisas como integrando Facebook no Blogger. E-mail marketing pode ser útil, mas ele vem com restrições que poderiam limitar o potencial do seu blog. Talvez o problema mais significativo é que e-mails não vêm com um rosto ou personalidade como Facebook não.

Pense em um momento em que você recebeu um e-mail para receber as mensagens de alguém que você não sabia. Onde você inclinado para abri-lo ou você enviá-lo à direita para a pasta de lixo eletrônico? Se é a sua primeira introdução ao novo consumidor, eles simplesmente não sabem quem você é, o que você quer, e como você tem o seu e-mail. Isso desencadeia uma repartição inicial de qualquer tipo de confiança que pode ter desenvolvido. A reputação de e-mail marketing é deteriorou ainda mais com um estudo feito pela Kaspersky Lab, uma empresa de pesquisa de Internet. Eles estimam que cerca de 70% de todos os e-mails enviados no mundo são spam.

Conteúdo do site Sharing usando um Facebook Like Box é apenas uma das muitas estratégias que podem gerar um fluxo regular de tráfego a partir de um grupo demográfico diversificada que poderia ter sido anteriormente inacessíveis. Adicionando um Box Facebook Like ao seu site ajuda a reduzir sua carga de trabalho individual e em vez distribui essa capacidade igualmente entre seus leitores.

Quando alguém lê o seu conteúdo e aprecia o tipo de trabalho que você produz, eles vão estar dispostos a compartilhar essas informações para seus seguidores e fãs, desencadeando uma reação viral. O primeiro passo necessário para tornar isso uma realidade é para fazer essa alteração no seu site. Estes próximos passos irá fornecer-lhe um guia rápido e fácil sobre como adicionar um 'Like Box' no seu site Blogger para que você possa começaram a tirar partido destas grandes oportunidades.

1234
Click here for a DEMO

Como adicionar o Facebook Popup Como Box Widget

1. Faça login na sua conta do Blogger e selecione seu blog> ir para o "layout" e clique em "Adicionar um Gadget" link do lado direito 
2. Uma vez que a janela é aberta, selecione o gadget HTML / JavaScript da lista:

2345

3. Copie e cole o seguinte código dentro da caixa vazia:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fbox-background {
    display: none;
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

#fbox-close {
    width: 100%;
    height: 100%;
}

#fbox-display {
    background: #eaeaea;
    border: 5px solid #828282;
    width: 340px;
    height: 230px;
    position: absolute;
    top: 32%;
    left: 37%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#fbox-button {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0px;
    top: 0px;
}

#fbox-button:before {
    content: "CLOSE";
    padding: 5px 8px;
    background: #828282;
    color: #eaeaea;
    font-weight: bold;
    font-size: 10px;
    font-family: Tahoma;
}

#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link a:hover {
    color: #aaaaaa;
    font-size: 9px;
    text-decoration: none;
    text-align: center;
    padding: 5px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/Download-Torrent-308398706204291/&width=339&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="Link111" rel="nofollow">Helplogger</a></div>
</div>
</div>

4. Pressione o botão "Salvar" para adicionar o widget ao seu blog. É isso aí!

personalização

• Depois de adicionar o código, substitua o endereço em azul https://www.facebook.com/Download-Torrent-308398706204291/ com a página facebook URL do seu site.

• O widget aparecerá 5 segundos depois que a página terminar de carregar. Se você quer mudar esse atraso, alterar o número 5000 para um número maior ou menor nesta parte:

.delay(5000)

• Por padrão, a caixa como mostra apenas a primeira vez que o usuário visita a página. Se você gostaria caixa de Facebook para aparecer cada vez que a página é carregada, em seguida, remova esta linha de código:

$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });

• Se você deseja exibir somente quando usuário visita sua página, vá para o "Modelo"> hit botão "Editar HTML" no lado direito e pesquisa clicando em qualquer lugar dentro da área de código e pressionando as teclas CTRL + F para esta tag:

</body>

Cole o widget do Facebook pop-up logo acima da marca do corpo e certifique-se de incluir as tags condicionais a seguir:

&lt;b:if cond='data:page.type == "index"'&gt;adicionar o código widget Facebook AQUI &lt;/b:if&gt;

Depois de salvar o seu trabalho, você pode testar o seu novo recurso, retornando para um de seus posts antigos que deve trazer um widget pop-up pouco perguntando se você gostaria de se juntar a página do facebook do site. 

Se você não vê o Facebook como box na página, você pode precisar de suprimir os cookies ou confira a seção "Personalização" acima, a fim de exibir o widget cada vez que um usuário visita seu site. Uma vez que este elemento é adicionado ao seu site, todo seu trabalho duro deve começar a traduzir em um aumento no tráfego da web e número de fãs no Facebook.