Archive for 2014

Como colocar imagem "Voltar ao topo"



Olá amigos internautas,mais um dia.
Hoje vou explicar como colocar uma imagem de voltar ao topo.
Alías são duas dicas,uma para quem gosta de mexer com html e outros que tem medo de mexer e estragar todo o blog,pois não tenham medo vamos lá nas dicas de hoje.




A primeira dica vai para aqueles que não gostam de mexer no html.

Primeiro passo é ir no Layout do seu blog e em seguida em add um gadget e clique em html/javascript e cole o seguinte código:

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

Onde está escrito "LINK DA IMAGEM" você substitui pelo url da imagem que vc quer para subir topo.
E pronto é só salvar e ver como ficou.

Bom agora vamos para a dica daqueles que mexem com html do blog.

O primeiro passo que eu sempre falo é fazer um backup do seu blog,pois se sair algo de errado vc tem como recuperar.Vá até modelo e clique em Fazer Backup/Restaurar é isso agora vc pode mexer no seu blog.
Agora vamos em  Editar Html, clique em Ctrl + F e procure por:

</body>

Acima desse código você cola o código a seguir:

<div style="position:fixed; bottom:0px; right:0px;"><a href=" URL DO SEU BLOG"><img src="URL DA IMAGEM" border="0" /></a></div>

Onde estiver em azul você coloca o url do seu blog e em vermelho você coloca o url da sua imagem de subir topo.
E pronto é só salvar e deixar seu blog bem bonito.
Até mais pessoal.

Como retirar a frase "Assinar: Postagens (Atom)"








Vou ensinar a retirar aquela frase: Assinar: Postagens (Atom) que fica lá em baixo do blog. Se você já percebeu, a quela frase não combina muito com o blog então vamos aprender a retirá-la do blog.






Primeiro Acesse o painel do seu Blog, e vá em Modelo e em editar HTML.

Não esquecendo de fazer o Backup do seu blog primeiro.


Vamos agora encontrar uma pequeno código, e para isso vamos utilizar uma tecla de atalho Ctrl + F para pesquisar:
]]></b:skin>

E quando encontrar: ]]></b:skin>
a cima dele você acrescenta este código abaixo:


.feed-links {height:0px;visibility:hidden;display:none}


clique agora em Visualizar, veja se você fez tudo certo e depois salve.

Pronto é isso,foi fácil né?
Qualquer dúvidas deixem seu comentário.
Até mais!

Ícones de rede social com efeito circular



Oi amigos!
Hoje vou explicar como colocar ícones de rede social no gadget.
Vamos colocar ícones de rede social que giram quando o mousse passa por cima.




Em primeiro lugar vão em layout.



Clique em adicionar um gadget.



Clique em HTML/JavaScript



Cole o código o seguinte código:




               --------> CÓDIGO!<----------



Coloque o seu endereço de cada link ex:

http://www.twitter.com/seunome


É isso espero que aproveitem.
Até mais amigos!

Como colocar nome do blog em movimento


Oi queridos,hoje vou dar mais uma dica para quem goste de personalizar e dar um toque especial no seu blog.
O que vocês acham de colocar o nome do seu blog em movimento lá na barra de cima.
Gostou?
Então vamos lá.


                         


Vá até o painel do seu blog e clica em editar html.
Aperte em Ctrl + F e digite </head>
E logo abaixo desse código você irá colocar o seguinte código:

<script language='JavaScript'>
var txt=" TÍTULO DO SEU BLOG ";var espera=80;var refresco=null;function rotulo_title() {document.title=txt;txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);}rotulo_title();</script>
Onde está em azul você coloca o nome do seu blog.
E onde está em vermelho você modifica a velocidade,o número menor fica mais rápido o número maior fica menos rápido.

Ou se você não gosta e tem medo de mexer no html do seu blog vá em layout clique no Gadget 'HTML/JavaScript' e cole o código e salve,não esquecendo de por o nome do teu Blog.

É isso,espero que tenha gostado.

Colocar cortininha no topo do blog




Bom achei muito interessante e vou mostrar como é fácil colocar uma cortininha no blog e fica super charmoso.

Em primeiro lugar vocês vão fazer um Backup do seu blog pois se der algo errado você tem como recuperar.

Logo depois disto clica em Editar html do blog.

Você vai clicar no Ctrl + F  ou F3 ,vai abrir uma janelinha onde você vai colar o seguinte código:

.main-inner .column-center-inner {

Logo depois que encontrar você vai colar após a chave  {  o seguinte código:


box-shadow: 1px 0px 3px #cccccc;border-width: 24px 0px 0px;-moz-border-image: url(URL DA IMAGEM COM BORDA) 24 0 0 round stretch;-webkit-border-image: url(URL DA IMAGEM COM BORDA) 24 0 0 round stretch;-o-border-image: url(URL DA IMAGEM COM BORDA) 24 0 0 round stretch;border-image: url(URL DA IMAGEM COM BORDA) 24 0 0 fill round stretch; }

É isso onde está em azul você coloca o url da imagem da cortininha.

Logo abaixo deixo para vocês algumas imagens que eu fiz e outras da internet com seus devidos créditos.

Imagens 1









Imagens 2












Minhas imagens











É isso espero que gostem,se usarem credite.



- Copyright © Web Designer D'Cortte - Web Designer D'Cortte - Produzido por Blogger - Designer by Débora Lacortte -