Redirecionando blogs

Olá, você tem um novo blog, mais também tem um antigo, que você  nunca mais vai usar e quer alguma função pra ele, Aqui esta a solução, um código que vai fazer o seu blog ser direcionado para o seu novo blog. Código abaixo.

<script language="javascript" type="text/javascript">

location.replace("Seu site")

</script>

Ajuda:

Para fazer isso você só precisa entrar na sala Design, adicionar gadget, e escolha html/javascript, e colo o código acima em qualquer parte da pagina, e ja esta pronto. Quando você entrar no blog você ira ser redirecionado para seu novo blog/site.

Read More

Bloquear botão direito

Olá pessoal, o tutorial de como bloquear o botão direito do mouse, siga os passos a baixo:

1. Faça o login no blogger e vá em Design > Editar HTML

2. Aperte CTRL + F procure pela tag:

</head>

3.Logo abaixo insira o seguinte codigo acima da tag: 

<script>

function click() {

if (event.button==2||event.button==3) {

oncontextmenu=&#39;return false&#39;;

}

}

document.onmousedown=click

document.oncontextmenu = new Function(&quot;return false;&quot;)

</script> 

E pronto, espero que tenham gostado. ^^

Read More

Colocar seta pra subir

Primeiro substitua a imagem pela sua escolha, e depois copie o codigo abaixo:^

<div style="position:fixed; bottom:0px; right:0px;"><a href="#"><img src="Sua imagem" border="0" /></a></div>

Ajuda:

Para fazer isso você só precisa entrar na sala Design, adicionar gadget, e escolha html/javascript, e colo o código acima em qualquer parte da pagina, e ja esta pronto. 

Read More

Botões de subir e descer

Vá em "Design" > "Editar html".
1  Procure por: </body> e acima dele cole o código abaixo:

    <!-- Código da seta no canto da janela -->

<a href='#outer-wrapper' onclick='new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false'><img alt='Ir ao Topo' border='0' src='http://lh3.ggpht.com/_ng5d2Z6JZ3w/TAudodPSY1I/AAAAAAAABoc/SfAeX4gqzrU/up_arrow_thumb%5B1%5D.png?imgmax=800' style='position:fixed; bottom:40px; right:0;'/></a> 

<a href='#footer-wrapper' onclick='new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false'><img alt='Ir ao Fundo' border='0' src='http://lh3.ggpht.com/_ng5d2Z6JZ3w/TAudpdzyIRI/AAAAAAAABok/7dRENO784gk/down_arrow_thumb%5B1%5D.png?imgmax=800' style='position:fixed; bottom:70px; right:0;'/></a> 
<!-- Fim do código da seta no canto da janela -->

2 ~ Agora procure por: </head> e antes dele coloque, o seguinte código:

<script src='http://www.google.com/jsapi'/>

<script>

google.load("prototype","1.6.0.3");

window.JSON = {

parse: function (st) { return st.evalJSON(); },

stringify: function(obj) { return Object.toJSON(obj); }

}; google.load("scriptaculous", "1.8.2");

</script>

3 ~ Edite as imagens:

http://lh3.ggpht.com/_ng5d2Z6JZ3w/TAudpdzyIRI/AAAAAAAABok/7dRENO784gk/down_arrow_thumb%5B1%5D.png?imgmax=800

http://lh3.ggpht.com/_ng5d2Z6JZ3w/TAudodPSY1I/AAAAAAAABoc/SfAeX4gqzrU/up_arrow_thumb%5B1%5D.png?imgmax=800

Read More

Pássaro do twitter voando

trago esse tutorial bem bacana, um pássaro do twitter voando na tela, então o código está logo abaixo, pra adicionar você deve:

Crie um Gadget sem título de HTML/JavaScript em qualquer lugar do blog e cole o script abaixo:

<script src='http://oloblogger.googlecode.com/files/tripleflap.js' type='text/javascript'></script>

<script type='text/javascript'> 

var birdSprite="http://img827.imageshack.us/img827/7393/birdsprite.png";

var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");

var twitterAccount = "ENDEREÇO NO TWITTER";

var tweetThisText = "Leyendo: WWW.CREATE SOUL.BLOGSPOT.COM";

tripleflapInit();

</script>     

É isso,espero que tenha ajudado. Valeu.

Read More

Adicionando facebook na lateral

trago o tutorial de como colocar o facebook na lateral da tela. Espero que gostem.

Vamos lá

1º - Vá no Painel de Controle de seu Blog e clique na Guia Modelo.

2º - Clique no Botão Editar HTML.

3º - Agora pressione as teclas CTRL+F e procure por:

</ head>

 4º - E ACIMA dele cole o seguinte código:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/

jquery.min.js" type="text/javascript"></script>

5º - Clique em Salvar Modelo.

Agora vamos adicionar essa Box em seu blog, então faça o seguinte:
Clique na Guia Layout →  Adicionar um Gadget e selecione a opção "HTML/JavaScript". (Não adicione título no gadget). Na caixa do Gadget cole o código abaixo:

<script type="text/javascript">

//<!--

$(document).ready(function() {$(".box-curtir-flutuante").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});

//-->

</script>

<style type="text/css">

.box-curtir-flutuante{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiynEcZrHjV8EJLSpVkeK4ciqRqKy3Ag_GBEQaS9bZg1-6NhrlFuCjmlIOk6FrM1ynI8Wdt1wwF-qp7r79r7hyphenhyphenbujbui6cyD9D3iC99FKYbcyIPFWXmZyIcuhg7NlMQgSlVMdePA1XbRVo/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.box-curtir-flutuante div{border:none;position:relative;display:block;}

.box-curtir-flutuante span{bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.box-curtir-flutuante span a{color: #808080;text-decoration:none;}

.box-curtir-flutuante span a:hover{text-decoration:underline;}

</style><div class="box-curtir-flutuante" style=""><div><iframe src="//www.facebook.com/plugins/likebox.php?href=COLOQUE-O-URL-DA-SUA-PÁGINA-DO-FACEBOOK&amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe></div></div>

6º - Feita as alterações, clique em Salvar.

Read More

Textos ou Banners Rolando

pediram esse feito bem bacana pra personalizar a area da parceria ou um texto. Vamos lá.

De vermelho, determine a altura a largura, respectivamente.

De verde, a direção: "up" - de baixo para cima "down" - de cima para baixo "up style" -  da esquerda para a direita

De azul, a velocidade do rolamento.

De laranja, insira os códigos de imagens, textos ou banners. <marquee heigth="480" widht="480" direction="up" behavior="scroll" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="3"> <center> Código de Imagem, Texto ou Banner. </center></marquee> Espero que tenha ajudado. ^^

Read More