Como retirar protetor de link do Blog

Olá, neste tutorial eu mostrei como remover protetor de link do seu blog.

Esses protetores de link, geralmente vem estalados no template, esses protetores podem para cadastrar telefones celulares e oferecem serviços de baixar músicas grátis , fotos vídeos etc. Isso incomoda muita gente, por isso neste tutorial mostrarei como remover, basta seguir as instruções a baixo:

Primeiro : Vá até o Modelo do seu blog , e clique em editar HTML como na imagem abaixo:

Em seguida Digite Ctrl + F  e procure por esse nome: dropbox , feito isso apague todos os scripts que tiverem esse nome, visualize e salve.

Bom espero que esse tutorial tenha te ajudado, qualquer dúvida posta aqui nos comentários

Indicador de carregamento de página para blogger

Olá, hoje mostrarei aqui como colocar um indicador de carregamento para blogger, muito interessante para colocar em seu blog.

Veja ao lado uma prévia do indicador de carregamento, ele atuará em: Fotos e vídeos.

Vamos começar!
01: Entre no blogger e faça login
02: Vá para o layout > Editar html
03: Agora clique Ctrl + f , e procure pelo código em vermelho abaixo:

</head>

04: Agora copie o código abaixo, e cole acima de </head>

<!-- Blog do LB --> <script type='text/javascript'> window.onload = detectarCarga; function detectarCarga() { document.getElementById("imgLOAD").style.display="none"; } </script> <!-- Blog do LB-->

Agora salve.

05: Agora vá em Layout >Elementos da página > Adicionar um Gadget >  html/Java Script
06: Agora copie o código abaixo e cole no Gadget e salve.

<div id="imgLOAD" style="text-align:center;"> Carregando... <img src="http://i29.tinypic.com/s5xz4h.gif"/></div>

Configurações:

Se preferir, você pode alterar a imagem colocando alguma da web, ou criando a sua própria, basta alterar este link: http://i29.tinypic.com/s5xz4h.gif

Se você optar pro criar uma, recomendo hospedar no picasa e Copiar o URL da imagem, para fazer isto basta clicar com o botão direito do mouse em cima da imagem.

Bom... espero que tenham gostado da dica de hoje, qualquer dúvida deixa ai nos comentários, obrigado.

Como criar uma janela Pop up do facebook

Olá galera, pessoal te perguntando ai como que eu coloquei aquela janela Pop up do face, no outro blog.
Eu vou postar aqui o código com o tutorial pra vocês.
Primeiro: entre no seu blog, e vá em layout, e clique em (adicionar um Gadget ), e procure esta opção:









Agora copie o código abaixo,e cole no Gadget.

 <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:"350px", 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;'> <center> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FTudoParaSeuPhotoscape&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> </center> </div> </div> <br>


 Altera a seguinte parte em vermelho.Tire o nome da minha página e coloque a sua.
Ela vai está no finalzinho do código, desta maneira
%2Fwww.facebook.com%2FTudoParaSeuPhotoscape&amp;width=

Bom pessoal, este é um ótimo código, porque a janela será exibida somente uma vez pra cada pessoa, com isso não vai irritar o visitante de seu site ou blog.
espero que este tutorial tenha lhe ajudado, qualquer dúvida comente aqui no final deste blog. obrigado até a próxima!

Como criar janela Pop up

Olá, neste tutorial eu mostrarei como criar uma janela Pop up para seu site.
o código do javascript é este a seguir:

<a href="#" onclick="window.open('http://codigofonte.net', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=10, LEFT=10, WIDTH=770, HEIGHT=400');">Clique para abrir a janela POP-up</a> '>

instruções:

• http://lucasbassg3.blogspot.com.br/

aqui fica você coloca o URL de destino

• 'Página'

Aqui é o titulo da página que vai aparecer na janela

Site que converte texto para HTNL

Olá pessoal, achei um site show de bola para quem ta afim de códigos rápidos para html.
É muito fácil, basta digitar o texto e clicar em Parse e aguarda e terá o código, o link é esse a seguir:
http://blogcrowds.com/resources/parse_html.php

O que é HTML

HTML significa ‘HyperText Markup Language’, e é uma linguagem universal destinada à elaboração de páginas com hiper-texto, como o nome indica. O conceito de hiper-texto é bastante simples: Certos itens de um documento contêm uma ligação a outra zona do mesmo documento ou, como é mais vulgar, a outros documentos.
A principal aplicação do HTML é a criação de páginas na Web, e convém esclarecer que não se trata de uma linguagem de programação. De facto, o HTML é antes uma espécie de linguagem de formatação, um ficheiro de texto que é formatado através de uma série de comandos – ‘tags’.