PHTutos

quinta-feira, 17 de setembro de 2020

Pega o Real do cliente

Links dos Apk de desbloqueio conta google

Android_6_GAM.apk
FRP_Bypass.apk
FRP_Android_7.apk

Test_DPC.apk
TEST_DPC.2.0.6.APK
QuickShortcutMaker.apk
Apex_Launcher.apk
ES_File_Explorer.apk
Setting.apk
Samsung APP
Solução Touch j7 neo
MIRACLE BOX

domingo, 25 de agosto de 2013

Linkwithin: Aprenda a colocar Post Relacionado Personalizado no seu Blog

Galera venho trazer um tutorial muito legal que Achei na Internet. Dessa vez sobre o nosso tão querido LinkWithin, que é, na verdade, um Gadget Responsável pelos "Posts relacionados" iremos personaliza-lo.
Ele foi pedido por um leitor anônimo. e Coloca-lo é super simples, fácil e rapidinho, só editar que leva um tempinho a mais (editando o código).
Ah, e pra quem ainda não sabe do que eu estou falando, é disso aqui:

Primeiramente, entre nesse link. Esse é o site do LinkWithin, você só precisa abaixar um pouco a página, preencher esse formulário (se o seu blog tiver área de posts em uma cor escura, marque aquela opção que fica em baixo de "5 stories") e clicar em "Get Widget"

Depois ira abrir outra página onde você só tem que clicar em Install Widget pra adicionar o gadget no seu blog. Inicialmente, o gadget vai aparecer assim:

E depois de personalizar assim:

Muito mais Bonito nâo é? Pra fazer isso, é só abrir o seu blog em Modelo, clicar em Editar HTML, teclar ctrl+F e procurar por:

]]></b:skin>

Quando achar, cole o código abaixo acima do encontrado.

/* LinkWithin personalizado

----------------------------------------------- */

.linkwithin_div {

background: #FFFFFF; /* Cor de fundo */

padding: 0 10px;

}

.linkwithin_text {

font-size:18px; /* Tamanho do título do gadget */

color:#000000; /* Cor do título do gadget */

}

a#linkwithin_logolink_0, a#linkwithin_logolink_1, a#linkwithin_logolink_2, a#linkwithin_logolink_3, a#linkwithin_logolink_4, a#linkwithin_logolink_5, a#linkwithin_logolink_6, a#linkwithin_logolink_7, a#linkwithin_logolink_8, a#linkwithin_logolink_9, a#linkwithin_logolink_10, a#linkwithin_logolink_11, a#linkwithin_logolink_12, a#linkwithin_logolink_13, a#linkwithin_logolink_14, a#linkwithin_logolink_15, a#linkwithin_logolink_16, a#linkwithin_logolink_17, a#linkwithin_logolink_18, a#linkwithin_logolink_19, a#linkwithin_logolink_20 {

display:none; /* Com isto eliminamos o link */

}

.linkwithin_posts {

width: 700px !important; /* Tamanho do gadget */

}

.linkwithin_posts a {

border: 0 !important;

padding-right: 10px !important;

}

.linkwithin_posts a:hover {

background: #ccc !important; /* Cor de fundo ao passar o cursor */

}

.linkwithin_img_0 div, div.linkwithin_img_0,

.linkwithin_img_1 div, div.linkwithin_img_1,

.linkwithin_img_2 div, div.linkwithin_img_2,

.linkwithin_img_3 div, div.linkwithin_img_3,

.linkwithin_img_4 div, div.linkwithin_img_4,

.linkwithin_img_5 div, div.linkwithin_img_5,

.linkwithin_img_6 div, div.linkwithin_img_6,

.linkwithin_img_7 div, div.linkwithin_img_7,

.linkwithin_img_8 div, div.linkwithin_img_8,

.linkwithin_img_9 div, div.linkwithin_img_9,

.linkwithin_img_10 div, div.linkwithin_img_10,

.linkwithin_img_11 div, div.linkwithin_img_11,

.linkwithin_img_12 div, div.linkwithin_img_12,

.linkwithin_img_13 div, div.linkwithin_img_13,

.linkwithin_img_14 div, div.linkwithin_img_14,

.linkwithin_img_15 div, div.linkwithin_img_15,

.linkwithin_img_16 div, div.linkwithin_img_16,

.linkwithin_img_17 div, div.linkwithin_img_17,

.linkwithin_img_18 div, div.linkwithin_img_18,

.linkwithin_img_19 div, div.linkwithin_img_19,

.linkwithin_img_20 div, div.linkwithin_img_20 {

/* Bordas arredondadas */

-webkit-border-radius: 80px !important;

-moz-border-radius: 80px;

border-radius: 80px;

border:0 !important;

}

.linkwithin_title {

color: #000000 !important; /* Cor dos títulos das postagens */

font: normal 13px "Calibri", cursive !important; /* Fonte dos títulos das postagens */

line-height: 14px !important;

text-align:center;

text-decoration: none;

}

.linkwithin_title:hover {

color: #FF1493 !important; /* Cor dos títulos ao passar o cursor */

font-weight: bold !important;

}

Se você não quiser as bordas arredondadas, é só excluir a parte em vermelho do código.

domingo, 17 de fevereiro de 2013

Botões de Compartilhamento Para As Redes Sociais

Aqui temos a opção mais comum que são os botões quadrados e conta com envio para email, Facebook, Twitter, Favorito e o padrão do AddThis.
entre no painel do Blogger para editar o HTML do template, procure pela seguinte linha:

<div class=’post-footer’>

E cole o trecho a seguir imediatamente ANTES:


<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'>
<a class='addthis_button_preferred_1'></a>
<a class='addthis_button_preferred_2'></a>
<a class='addthis_button_preferred_3'></a>
<a class='addthis_button_preferred_4'></a>
<a class='addthis_button_compact'></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d5954b335279641"></script>
<!-- AddThis Button END –>

Salve o modelo para ver o resultado em seu blog. Os botões aparecerão imediatamente abaixo de todos os posts, de cada conteúdo.

SEO : Personalizando Blogger Título Meta Tag

Um dos método mais eficientes que faz o nosso Blog ser Facilmente encontrado pelos Bot Motors Instalar Meta Tags Em Nosso Modelo De Blog . Conforme SEO ( Pesquisa Optrimization Motor), Um Bom Modelo É Colocar O Código Do Título Do Post Antes Do Código De Título Do Blog , Que Tal Modelo De Blogueiro? Por Padrão, O Modelo Do Blogger É Colocar O Código Do Título Do Blog Antes Do Código De Título Do Post .
Para provar que o modelo de blogueiro coloca o código do título do blog antes do código de título do post, por favor, clique no título do post de seu blog e ver a parte superior do seu navegador , e então você vai vê-lo como o exemplo abaixo:

Você pode ver que título do blog é antes de título do post , E isso não é bom para o rastreamento do nosso blog pela pesquisa bot motor. Compare com o meu blog que foi modificado (clique em uma das pós-título deste blog)

É diferente, certo? Você vai ver que título do post é antes de título do blog . Por que isso? Porque Kang Rohman personalizou o blogueiro título meta tag . Desta forma, torna o nosso blog facilmente rastreado porpesquisa robô motor. Abaixo está a imagem de busca resultado meu blog no google.com com a palavra-chave Tutorial Blogspot :

Se você estiver interessado em personalizar seu Blog título Metatag , siga os passos abaixo:
Entrar para blogger com o seu ID

Clique layout .

Clique em Editar HTML .
Encontrar este código (quase no lado superior, por isso não rolar muito longe)

<title> <data:blog.pageTitle/> </ title>

Remover o código e mudar com este código:

<b:if cond='data:blog.pageType == "item"'>
<title> <data:blog.pageName/> | <data:blog.title/> </ title>
<b:else/> <title> <data:blog.pageTitle/> </ title>
</ B: if>

Clique em Salvar modelo
Feito
Se você seguiu os passos, espero que seu blog será facilmente rastreado pela busca bots motor.
Para ser notado, o que você fez como acima, vai precisar de vários dias quando pesquisa motor aceita a mudança e personalização de seu título tag Meta blogueiro.

Erro:"Widget IDs should" ou "IDs Widget Deve Ser Único"?

Ao editar o Html do seu blog Logo Após salvar Você vê o Seguinte Erro:

Não foi possível salvar o seu modelo.

favor corrigir o erro abaixo e envie o seu modelo novamente.

Mais do que um widget foi encontrado com o id:HTML1 . IDs widget deve ser único .

Ou talvez assim:

Não foi possível salvar o seu modelo.

favor corrigir o erro abaixo e envie o seu modelo novamente.

Mais do que um widget foi encontrado com o id:Feed1 . IDs widget deve ser único .

Erro mensagem é a mesma, o diferente somente em ID , que é HTML1 e Feed1 . E isso é apenas um exemplo, ID que emergem possivelmente HTML2 , HTML3 , HTML4 etc, ou possivelmente também Feed2 ,Feed3 , Feed4 etc Possivelmente você vai se sentir confundir com este erro mensagem , porque você não pode editar o código do modelo. A questão que emerge é, possivelmente, o que causa o erro pode surgirmensagem como essa? se é que posso responder é possível ser assim: erro mensagem surgem porque em seu código de modelo é ter dois widgets ou mais com mesmo ID. Ainda confundem? Eu dou um exemplo. Por exemplo, em seu código de modelo têm código do widget ser assim:

<div id='sidebar-wrapper'>
class='sidebar' <b:section id='upsidebar' preferred='yes'>
<b: widget id = ' HTML 1 'bloqueado = título' false '= tipo'' = 'HTML' />
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b: widget id = 'HTML3' bloqueado title = 'false' = tipo'' = 'HTML' />
</ b: section>
id='sidebar1' class='sidebar' <b:section preferred='yes'>
<b: widget id = 'HTML5' bloqueado title = 'false' = 'Belajar 'type =' buat site HTML "/>
<b: widget id ='' HTML 1 'bloqueado = título' false '=' Download tipo '=' HTML '/>
<b: widget id = 'BlogArchive1' bloqueado = título 'false' = tipo 'Arsip Blog' = 'BlogArchive' />
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b: widget id = 'HTML7' bloqueado = título 'false' = tipo 'Yang mampir' = 'HTML' />
<b:widget title='Site locked='false' id='HTML8' feed' type='HTML'/>
<b: widget id = 'HTML9' bloqueado = título 'false' = tipo'' = 'HTML' />
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
</ b: seção >

No exemplo acima visto dois códigos widget com o mesmo ID, que é HTML 1 (atenção a letra vermelha): <b: widget id = ' HTML 1 'bloqueado = título' false '= tipo'' =' HTML '/> <b: widget id = ' HTML 1 'bloqueado = título' false '=' Download tipo '=' HTML '/> Se o caso como o exemplo, é claro que você não pode salvar o código do modelo porque será sempre erro. O que deve ser feito se o caso como esse? você deve alterar um dos ID widget com ID diffrent. Exemplo: alterar HTML 1 comHTML 15 ou outro número, mas o número deve ser diferente com o ID de outro elemento.

<div id='sidebar-wrapper'>
class='sidebar' <b:section id='upsidebar' preferred='yes'>
<b: widget id = ' HTML 1 'bloqueado = título' false '= tipo'' = 'HTML' />
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b: widget id = 'HTML3' bloqueado title = 'false' = tipo'' = 'HTML' />
</ b: section>
id='sidebar1' class='sidebar' <b:section preferred='yes'>
<b: widget id = 'HTML5' bloqueado title = 'false' = 'Belajar 'type =' buat site HTML "/>
<b: widget id = ' HTML 1 'bloqueado = "" title =' false Download 'type =' HTML '/>
<b: widget id = 'BlogArchive1' bloqueado = ' 'title =' false 'type =' Arsip Blog BlogArchive '/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b: widget id = 'HTML7' bloqueado = título 'false' = tipo 'Yang mampir' = 'HTML' />
<b:widget title='Site locked='false' id='HTML8' feed' type='HTML'/>
<b: widget id = 'HTML9' bloqueado title = 'false' = tipo'' = 'HTML' />
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
</ b: section>

Você acabou de mudar de um ID widget com número diferente, exemplo: HTML 1 mudou com HTML 15 , por exemplo:

<div id='sidebar-wrapper'>
class='sidebar' <b:section id='upsidebar' preferred='yes'>
<b: widget id = ' HTML 1 'bloqueado = título' false '= tipo'' = 'HTML' />
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b: widget id = 'HTML3' bloqueado title = 'false' = tipo'' = 'HTML' />
</ b: section>
id='sidebar1' class='sidebar' <b:section preferred='yes'>
<b: widget id = 'HTML5' bloqueado title = 'false' = 'Belajar 'type =' buat site HTML "/>
<b: widget id = ' HTML 15 'bloqueado = "" title =' false Download 'type =' HTML '/>
<b: widget id = 'BlogArchive1' bloqueado = ' 'title =' false 'type =' Arsip Blog BlogArchive '/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b: widget id = 'HTML7' bloqueado = título 'false' = tipo 'Yang mampir' = 'HTML' />
<b:widget title='Site locked='false' id='HTML8' feed' type='HTML'/>
<b: widget id = 'HTML9' bloqueado title = 'false' = tipo'' = 'HTML' />
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
</ b: section>

Se você tivesse a mudar o seu ID do widget, clique em Salvar modelo botão. E você vai ver o erro mensagemnovamente.

sábado, 16 de fevereiro de 2013

Como Aumentar a largura do meu Blog no Html

Algumas pessoas morrem de medo de mexer no código-fonte do blog.

Código-fonte é o código html do teu blog. Você o localiza assim: clique em layout, e em seguida clique na aba Editar html. Pronto, este é o código do seu blog; tudo o que contém o seu template está expresso neste código-fonte, em linguagem de computador, ou seja, HTML.

Então, como estava dizendo, muita gente morre de medo de mexer e apagar tudo e destruir o blog. Mas isso não acontecerá se você tomar o cuidado de fazer backup do seu blog antes de mexer nele.

Para fazer backup é simples: nesta mesma página Layout, na aba Editar html clique em

Baixar modelo completo.

Pronto! Agora você tem seu blog salvo em seu pc e se nas mexidas algo der errado é só colocar de volta e tudo será como antes.

Além de explicar sobre backup, ou cópia de segurança para simplificar, vou contar como fazer para alargar a coluna onde você posta seus textos e também a sidebar, que é a coluna lateral.

Faça assim:

No código-fonte do seu blog procure este trecho (use Ctrl+f):

#outer-wrapper {

Ele se refere à largura total do seu template. No caso do template Mínima (mais comum usado no Blogspot) este valor é 660px.

Para aumentar a largura da coluna do post e/ou da sidebar considere que a soma de ambas as colunas não pode ser maior que esta largura total, certo? Agora que encontrou, mude o valor para a largura desejada, por exemplo 800px. Assim temos agora um template com 800px de largura total.

Agora procure por este trecho:

#main-wrapper {

Ele é que define a largura da coluna do post. Mude para a largura desejada, por exemplo 510px. Visualize.

Agora vamos aumentar a largura da sidebar. Procure este trecho:

#sidebar-wrapper {

Altere aí o valor da sua sidebar; seguindo o exeplo que estou usando aumente para 260px.

Então, somando temos: 510+260=770. Mas o template não tem 800px de largura total? Sim, mas não é correto usar toda a extensão da largura senão os posts e os elementos da sidebar ficariam muito grudados.

Também é preciso alterar o valor do header, ou seja, do cabeçalho pois senão fica descentralizado. Para fazer isso encontre este trecho:

#header-wrapper {

Altere o valor que está aí pelo valor total do template,que no meu exemplo é 800px.

Visualize e se estiver tudo certo, salve as modificações.

Uma dica importante é não ter nem medo nem preguiça. Vá mexendo, mudando até ficar do seu gosto e só clique em Salvar quando tudo estiver pronto.

Parece complicado mas é muito fácil e gostoso de fazer, pode crer em mim.

E se você usa um dos novos modelos do Design de modelo do Blogger essa alteração de largura pode ser feita via painel do blog, clicando em Design/Design de modelo/Ajustar Larguras.

Caixa Flutuante Likebox PopUp do Facebook para Blogger

Hoje em dia as redes sociais formam um tópico em que vale a pena analisar na hora de divulgar o blog ou empresa. Para que essa divulgação ocorra, precisamos de ferramentas que melhor exercem tal tarefa. Assim, conseguimos a PopUp (janela) que convida o visitante logo ao entrar no blog. Nesse artigo mostraremos a popup do Facebook com Likebox.
Esse código foi desenvolvido de uma forma que gostei muito, pois ela não abre tão frequentemente quanto às outras popups, não deixando o blog “chato”. Para isso, a PopUp se baseia nas informações do cache do navegador.
Como instalar?

Para instalar, entre nos Elementos de página do seu blog e selecione um widget HTML/Javascript.
Sem modificar nada além do seu se pede, cole todo o seguinte código:

<style>
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://lh4.googleusercontent.com/--SeTA6D94zU/T42VTrX4TxI/AAAAAAAAD_c/AKhTRygNB7k/s75/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://lh6.googleusercontent.com/-E9dVofW8BBY/T42WBJ5M22I/AAAAAAAAD_w/w7AL0l9gVKk/s40/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://lh5.googleusercontent.com/-ibVOtcbbUyU/T42WNcii6_I/AAAAAAAAEAE/Mrplo9QsPks/s32/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://lh3.googleusercontent.com/-E2COAfbIz9I/T42VA9FunjI/AAAAAAAAD_M/NKJf8y74BKs/s225/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
<script src='http://yourjavascript.com/1029251148/jquery.min.js'></script>
<script src="http://yourjavascript.com/1141272178/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"420px", inline:true, href:"#subscribe"});
}
});
</script> <!-- This contains the hidden content for inline calls –>
<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;height:410px;'>
<center>

<table width="350" border="0" style="font-size:16px">
<tr>
<td width="160" align="center" valign="middle" style="padding:3px;"><img border="0" src="http://3.bp.blogspot.com/-GGuXxUBYEAE/T-c2eu6UfrI/AAAAAAAADiA/qlR4ZFR17z8/s1600/facebook.png" /></td>
<td width="180" align="center" valign="middle" style="padding:3px;"><p style="font-size:16px"><em>Nosso blog também está presente nas redes sociais! Aproveite e nos encontre no Facebook!!!</em></p></td>
</tr>
<tr>
<td colspan="2" align="center" valign="middle" style="padding:3px;"><iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FpaginadoBlog&
amp;width=320&height=258&colorscheme=light&show
_faces=true&border_color&stream=false&header=
false" scrolling="no" frameborder="0" style="border:none;
overflow:hidden; width:320px; height:258px;" allowtransparency="true"></iframe></td>
</tr>
</table>
</center>
</div>
</div>

No trecho marcado em vermelho, coloque o nome da página do seu blog no Facebook. Por exemplo, o nome de nossa página é PHtutos. Clique em salvar e você já estará com a PopUp.
Não se preocupe se acaso você abrir seu blog pela segunda vez e ela não aparecer, pois essa é a ideia. Após um tempo ela vai aparecer.

OBS: Para Visualizar esvazie o Cache do navegador e atualize a pagina