DT - Dicas e tutoriais: dezembro 2013

sábado, 7 de dezembro de 2013

Página do Facebook em PopUp

Colocar Página do Facebook em PopUp

Adicionando uma Popup divulgando sua página no Facebook, certamente irá ajudar a aumentar o número de fãs na sua página, pois é uma forma de convidar seus leitores a acompanhar seu conteúdo através do facebook.

O Pop up irá aparecer com a opção de Facebook page.ele só aparece na primeira visita do dia no seu blog não vai fica abrindo toda hora para não incomoda.

A instalação é bem simples.

Acesse o painel do blogger, vá até o menu "layout", clique em “adicionar um gadget”, escolha o tipo “html/javascript” e cole o seguinte código:

<br />
<style>
/*
COLORBOX CORE 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;}
/*
USER STYLE:
CHANGE THE FOLLOWING STYLES TO MODIFY THE APPEARANCE OF COLORBOX. THEY ARE
ORDERED & TABBED IN A WAY THAT REPRESENTS THE NESTING OF THE GENERATED HTML.
*/
#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(HTTP://1.BP.BLOGSPOT.COM/-FIJ_XZ7TXEG/TXRT0SY1TII/AAAAAAAAFWK/LLZVKEYY_J8/S1600/CONTROLS.PNG) NO-REPEAT 0 0;}
#CBOXTOPCENTER{HEIGHT:14PX; BACKGROUND:URL(HTTP://1.BP.BLOGSPOT.COM/-TCJGMNSFOCY/TXRTZZHDLVI/AAAAAAAAFWC/MDNDGRISRUA/S1600/BORDER.PNG) REPEAT-X TOP LEFT;}
#CBOXTOPRIGHT{WIDTH:14PX; HEIGHT:14PX; BACKGROUND:URL(HTTP://1.BP.BLOGSPOT.COM/-FIJ_XZ7TXEG/TXRT0SY1TII/AAAAAAAAFWK/LLZVKEYY_J8/S1600/CONTROLS.PNG) NO-REPEAT -36PX 0;}
#CBOXBOTTOMLEFT{WIDTH:14PX; HEIGHT:43PX; BACKGROUND:URL(HTTP://1.BP.BLOGSPOT.COM/-FIJ_XZ7TXEG/TXRT0SY1TII/AAAAAAAAFWK/LLZVKEYY_J8/S1600/CONTROLS.PNG) NO-REPEAT 0 -32PX;}
#CBOXBOTTOMCENTER{HEIGHT:43PX; BACKGROUND:URL(HTTP://1.BP.BLOGSPOT.COM/-TCJGMNSFOCY/TXRTZZHDLVI/AAAAAAAAFWC/MDNDGRISRUA/S1600/BORDER.PNG) REPEAT-X BOTTOM LEFT;}
#CBOXBOTTOMRIGHT{WIDTH:14PX; HEIGHT:43PX; BACKGROUND:URL(HTTP://1.BP.BLOGSPOT.COM/-FIJ_XZ7TXEG/TXRT0SY1TII/AAAAAAAAFWK/LLZVKEYY_J8/S1600/CONTROLS.PNG) NO-REPEAT -36PX -32PX;}
#CBOXMIDDLELEFT{WIDTH:14PX; BACKGROUND:URL(HTTP://1.BP.BLOGSPOT.COM/-FIJ_XZ7TXEG/TXRT0SY1TII/AAAAAAAAFWK/LLZVKEYY_J8/S1600/CONTROLS.PNG) REPEAT-Y -175PX 0;}
#CBOXMIDDLERIGHT{WIDTH:14PX; BACKGROUND:URL(HTTP://1.BP.BLOGSPOT.COM/-FIJ_XZ7TXEG/TXRT0SY1TII/AAAAAAAAFWK/LLZVKEYY_J8/S1600/CONTROLS.PNG) REPEAT-Y -211PX 0;}
#CBOXCONTENT{BACKGROUND:#FFF; OVERFLOW:VISIBLE;}
#CBOXLOADEDCONTENT{MARGIN-BOTTOM:5PX;}
#CBOXLOADINGOVERLAY{BACKGROUND:URL(HTTP://1.BP.BLOGSPOT.COM/-PPVU-446SN4/TXRT1QSGH1I/AAAAAAAAFWW/_JWYVOR1HX8/S1600/LOADING-BACKGROUND.PNG) NO-REPEAT CENTER CENTER;}
#CBOXLOADINGGRAPHIC{BACKGROUND:URL(HTTP://1.BP.BLOGSPOT.COM/-31STRSS_1-E/TXRT1J6NTHI/AAAAAAAAFWO/4P12CJPJ924/S1600/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(HTTP://1.BP.BLOGSPOT.COM/-FIJ_XZ7TXEG/TXRT0SY1TII/AAAAAAAAFWK/LLZVKEYY_J8/S1600/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;}
/*-----------------------------------------------------------------------------------*/
/* FACEBOOK LIKEBOX POPUP FOR BLOGGER
/*-----------------------------------------------------------------------------------*/
#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><br />
<br />
<script SRC='HTTP://AJAX.GOOGLEAPIS.COM/AJAX/LIBS/JQUERY/1.5/JQUERY.MIN.JS'></SCRIPT><br />
<script SRC="HTTP://DL.DROPBOX.COM/U/103852546/POPUP/POPUP.JS"></SCRIPT><br />
<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:"400PX", INLINE:TRUE, HREF:"#SUBSCRIBE"});
}
});
</SCRIPT><br />
<br />
<br />
<div STYLE='DISPLAY:NONE'>
<div ID='SUBSCRIBE' STYLE='PADDING:10PX; BACKGROUND:#FFF;'>
<h3 CLASS="BOX-TITLE">
RECEBER TODAS AS ATUALIZAÇÕES ATRAVÉS DO FACEBOOK. BASTA CURTIR NOSSA FANPAGE.<center>
<p STYLE="LINE-HEIGHT:3PX;" >
▼</P>
</CENTER>
</H3>
<center>
<iframe SRC="//WWW.FACEBOOK.COM/PLUGINS/LIKEBOX.PHP?HREF=HTTP%3A%2F%2FWWW.FACEBOOK.COM%2FNOME-DA-SUA-FANPAGE&WIDTH=300&COLORSCHEME=LIGHT&SHOW_FACES=TRUE&BORDER_COLOR=%23FFFFFF&STREAM=FALSE&HEADER=FALSE&HEIGHT=258" SCROLLING="NO" FRAMEBORDER="0" STYLE="BORDER:NONE; OVERFLOW:HIDDEN; WIDTH:300PX; HEIGHT:258PX;" ALLOWTRANSPARENCY="TRUE"></IFRAME><br />
</CENTER>
</DIV>
</DIV>

Atenção aos trechos que você precisa alterar: Coloque o nome da sua pagina aonde esta isso NOME-DA-SUA-FANPAGE

-Não copie essa postagem por favor!

Postado Por: Unknown

Página do Facebook em PopUp

Bloquear a copia de imagens

Como bloquear a copia de imagens no seu blog?

Claro que qualquer um pode dar um print screen e salvar uma imagem, ou usar qualquer outro recurso para isso, por que existem muitos. Mas, para travar o botão direito do mouse e impedir que se salve uma imagem da maneira mais simples é só adicionar este código ao endereço da imagem:

oncontextmenu="return false"

Ficando assim :

<img src="Endereço da imagem" oncontextmenu="return false">

-Não copie essa postagem por favor!

Postado Por: Unknown

Bloquear a copia de imagens

Bloquear seleção de texto

Como bloquear seleção de texto no blog?

Vá em seu painel do blogger "Modelo" , "Editar HTML" e dê "CTRL + F" e procure por
"</head>"

Depois de achar ACIMA do </head> cole o código:

</script>

Depois de colar o código...

Dê "CTRL + F" e procure por </html>, Cole a CIMA dele esse código:

</script

Pronto agora salve e veja se funcionou. Se não funcionou veja se você fez como esta nesta postagem.

-Não copie essa postagem por favor!

Postado Por: Unknown

Bloquear seleção de texto

Mudar cor de seleção do mouse?

Como mudar cor de seleção do mouse?

1° - Acesse o painel de seu blog e clique na guia "Modelo"

2° - Clique em "Editar HTML"

3° - Procure pela tag abaixo ( Ctrl+F ): "]]></b:skin>"

4° - Cole acima da tag citada o código abaixo, fazendo as modificações ao seu gosto:

*::-moz-selection { background:#91C21A; /* Cor que você quer para o fundo */ color:#FFFFFF; /* Cor que você quer para o texto */}*::selection { background:#91C21A; /* Repita a cor que você escolheu para o fundo */ color:#FFFFFF; /* Reíta a cor que você escolheu para o texto */}

Para mudar a cor basta mudar o código em vermelho para o que você desejar. Sugerimos que utilize a Tabela de cores HTML, para pegar o HTML da cor e substituir.

5° - Clique em "Salvar Modelo"

-Não copie essa postagem por favor!

Postado Por: Unknown

Mudar cor de seleção do mouse?

Colocar um novo template

Como colocar um novo template em seu blog?

Siga as etapas a seguir :

Vá em "MODELO"

Depois click em "FAZER BACKUP/RESTAURAR"

Depois de clicar em Fazer backup/Restaurar ira abrir essa "aba", e você devera clicar em "ESCOLHER ARQUIVO" você coloca o template que você baixou antes e clica em "FAZER UPLOAD"

Se você não tiver nenhum template, irei deixar alguns sites a seguir que eu recomendo:

A muitos outro sites de templates, que você pode achar no Google.

Um novo template lhe ajudara a crescer, irá melhorar seu blog atraindo leitores.

-Não copie essa postagem por favor!

Postado Por: Unknown

Colocar um novo template

Inserir um Pop-Up de alerta

Como inserir um Pop-Up de alerta no blog?

1. Faça login no painel de seu Blog.

2. Clique no guia "Modelo".

3. Depois clique em em "Editar HTML"

4. Procure a seguinte tag: "</body>"

E acima da seguinte tag citada ( </body> ) cole este código:

<script language='JavaScript'>
alert("Seu TEXTO_AQUI");
</script>

Substitua Seu TEXTO_AQUI pelo texto que será exibido na Pop-Up. Depois clique em salvar.

-Não copie essa postagem por favor!

Postado Por: Unknown

Inserir um Pop-Up de alerta

Ícones sociais animados no Blogger

Como Adicionar ícones sociais animados no Blogger?

1° - Entre no seu painel do blogger e vá em "Modelo" e "Editar HTML"

2° - Dê um Ctrl e F para uma barra de busca e procure por:

</body>

3° - Copie e cole o seguinte código Antes do </ body>

<br />
<div class='shr_ss shr_publisher'>
</div>
<br />
<br />
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script><br />
<br />
<script src='http://dl.dropbox.com/u/103852546/Bookmarks.js'></script> <br />
<br />
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script><br />

4° - Click em "Salvar Modelo" e esta pronto.

Postado Por: Unknown

Ícones sociais animados no Blogger

sexta-feira, 6 de dezembro de 2013

Manutenção no blog

Como colocar o seu blog em manutenção?

1° - Acesse o painel do Blogger, vá na guia "Modelo" e depois "Editar HTML"

2° - Aperte as teclas Ctrl+F e procure pela tag abaixo:

<body>

ou caso não encontre:

<body expr:class='"loading" + data:blog.mobileClass'>

3° - Abaixo da tag encontrada cole o seguinte código:

<span class='item-control blog-admin'>

4. Agora procure por:

</body>

5. E ACIMA da tag encontrada cole:

</span>

6. Agora abaixo da tag </body> , encontrada no passo 4, cole:

Em vermelho, é a URL da imagem, caso não queira há que já está no código, veja algumas sugestões abaixo:

OBS: Para retirar o aviso de manutenção do blog, basta remover os códigos inseridos por meio deste tutorial.

OBS²: Lembre-se que o blog ficará em manutenção somente para os visitantes, assim caso você queira ver ele em manutenção desconecte-se da sua conta do Blogger.

-Fonte Desenvolvendo Blogs

Postado Por: Unknown

Manutenção no blog

Estamos no Facebook

Estamos no Facebook no blog

O tutorial de colocar uma janelinha com sua pagina no facebook.

1° - Vá em "Layout" e "Adicionar um Gadget";

2° - E adicione um "HTML/JavaScript";

3° - Cole esse Código abaixo:

4° - Troque o nome em Vermelho para o link da sua página.

Este Código não pega mais. A equipe DT está a procura de outro ;)

-Não copie essa postagem por favor!

Postado Por: Unknown

Estamos no Facebook

Postagens Populares

venho fazer esse tutorial pois acho que esse Gadget é muito importante para começar o seu blog. Pois os leitores irão ver as postagens populares e vão ler todas elas.

1° - Vá em "Layout" e "Adicionar um Gadget";