2012 ~ Nexus Designer

terça-feira, 26 de junho de 2012

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.

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.

Bloquear botão direito

18:02 Dicas e Tutoriais No comments

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:

function click() {

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

oncontextmenu='return false';

}

document.onmousedown=click

document.oncontextmenu = new Function("return false;")

</script>

E pronto, espero que tenham gostado. ^^

Colocar seta pra subir

18:02 Dicas e Tutoriais No comments

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

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.

Botões de subir e descer

18:01 Dicas e Tutoriais No comments

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

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

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

Pássaro do twitter voando

17:51 Dicas e Tutoriais No comments

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.

Adicionando facebook na lateral

17:50 Dicas e Tutoriais No comments

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:

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:

//<!--

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

//-->

</script>

.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&width=251&height=270&colorscheme=light&show_faces=true&border_color=%23cccccc&stream=false&header=false&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.

Textos ou Banners Rolando

17:49 Dicas e Tutoriais No comments

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. ^^

Caixa de Feed Flutuante

17:48 Dicas e Tutoriais No comments

trago pra vocês uma maneira de personalizar o feed, é uma caixa flutuante que fica no rodapé e acompanha a pagina. Vamos começar.

Exemplo:

Primeiro passo:

Bom, no blogger, vá em Design, adicionar um gadget, HTML/JavaScript. E cole o código logo abaixo mas lembrando em editar as devidas partes em vermelho.

<script type="text/javascript" src="http://dl.dropbox.com/u/30158660/blogger-widgets/assinar-feed2.js"></script><div  id="feed" style="visibility: hidden; background-color: #ffffff; width:  320px;height: 115px;border: 1px solid black; position: fixed; bottom:  10px; right: 10px;  z-index:1000000"><div id="topo-title"  align="center" style="width: 100%; height:16px; background-color:  #000000">

<span id="assinar-feed-head" style="font-size:12px; color:#ffffff;font-weight: bold;">ASSINE NOSSO FEED!<a  href="javascript:closebar(feed);"><img  src="http://lh5.googleusercontent.com/-aCxkTA3dmzs/Ti2IZcTakNI/AAAAAAAAAgA/KWG2E1hbsoc/CloseIcon.gif"  widht="300px" height="16" px; align="right" border="0" title="Fechar"  /></a>

</span></div><div  style="width: 100%; height:auto !important; min-height: 84px; height:  84px;font-size:13px; font-weight:bold; color:black;"><a href="URL-DO-FEED"><img   src="http://lh3.googleusercontent.com/-5sPDxmvH-H4/Ti2An8KywrI/AAAAAAAAAf0/SECv4d2p_oQ/assinar-feed.png"  align="left" alt="Inscrever-Rss-Feed" title="Cadastre-se no nosso  Feed!" /></a>Cadastre seu <u>E-mail</u> e receba nossas atualizações diretamente no seu e-mail!<br /><br /><form align="center" action='http://feedburner.google.com/fb/a/mailverify' method='post' target="_blank"><input type="text" style="width:230px" name="email" value="Coloque seu E-mail aqui!" onblur="if (this.value == &#39;&#39;) 

{this.value = &#39;Coloque seu E-mail aqui!&#39;;}" onfocus="if (this.value == &#39;Coloque seu E-mail aqui!&#39;) {this.value = &#39;&#39;;}" align="center" />

<input name="uri" type="hidden" value="NOME-DO-FEED" /><input name="loc" type="hidden" value="pt_BR" /><input type="submit" value="Assinar" />

</form>

<p style="text-align: center;margin-top:0px;font-size:80%"></p></div></div>

Espero que tenha gostado. ^^

Ícones de redes sociais

17:47 Dicas e Tutoriais No comments

trago essa maneira bem legal pra colocar link em rede sociais. Vamos lá.

Primeiro passo:

Bom, no blogger, vá em Design, adicionar um gadget, HTML/JavaScript. E cole o código logo abaixo mas lembrando em editar as devidas partes em vermelho.

<div style="margin: 5px; padding: 10px;"><a
href="ENDEREÇO DO FEED"><img
style="border: 0px solid ; width: 48px; height: 48px; float: left;"
alt=""
src="http://lh5.ggpht.com/_dAGEULh1_1g/THwD-xP5n9I/AAAAAAAAEBk/1DE1CA0UtCA/rss.png"></a><a
href="ENDEREÇO DO TWITTER"><img
style="border: 0px solid ; padding-left: 5px; width: 48px; height: 48px;"
alt=""
src="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-5SoTTI/AAAAAAAAEBo/Yh2jRrtkOeo/twitter.png"></a><a
href="ENDEREÇO DO YOUTUBE"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="http://lh3.ggpht.com/_dAGEULh1_1g/THwD-4XjHKI/AAAAAAAAEBs/waG0ImvEsQI/youtube.png"></a><a
href="ENDEREÇO DO ORKUT"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="http://lh4.ggpht.com/_dAGEULh1_1g/THwD-3vEZVI/AAAAAAAAEBg/jq-RSB5gXBc/orkut.png"></a><a
href="ENDEREÇO DO FACEBOOK"><img
style="border: 0px solid ; width: 48px; height: 48px; padding-left: 5px;"
alt=""
src="http://lh6.ggpht.com/_dAGEULh1_1g/THwD-vZ7bDI/AAAAAAAAEBc/4fHoPnWmq8M/facebook.png"></a><br></div>

Espero que tenha gostado. ^^

Caixa de seguidores do Twitter

17:46 Dicas e Tutoriais No comments

trago esse tutorial para deixar a caixa de seguidores do Twitter mais legal. ^^

Primeiro passo:

Bom, no blogger, vá em Design, adicionar um gadget, HTML/JavaScript. E cole o código logo abaixo mas lembrando em editar as devidas partes em vermelho.

<div class="textwidget">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script>
<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("NOME NO TWITTER");</script>
</div>
</div>
<style>
.FB_SERVER_IFRAME {

height: 250px !important;

width: 290px !important;
</style>