BLOG DE TESTE

17 fevereiro 2013

CSS DO MEU FLOGVIP

11 fevereiro 2013

Código para Postagem Recentes.

Outro recurso muito procurado aqui é como colocar esta setinha que, a um clique, leva a gente de volta para o topo da página. Também é muito simples; veja: Para começar, clique em Design. A seguir clique em Adicionar gadget. Na janela de opções escolha HMTL/JAVASCRIPT e na janelinha que abrir cole este código:

Postagens recentes com imagens e número de comentários. Copie o código abaixo e cole conforme expliquei nos 2 casos anteriores:
Onde esta:"http://i43.tinypic.com/orpg0m.jpg";

<script language="JavaScript">(Entre em HTML/javascrit e cole onde ,voce quizer)

imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[5] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 240;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 14;
acolor = "#000";
aBold = true;
icon = " ";
text = "comentários";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "ENDEREÇO DE SEU BLOG";
</script><script src=
"http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js"
type="text/javascript">
</script>

Se quizer mude as cores a seu gosto.
Você deve inserir o endereço completo de seu blog onde está marcado em azufundo preto e fonte azul, tomando cuidado para não apagar nenhum sinal, tá? Depois salve e tá feito. Se quiser mudar cor de fundo altere o valor hexadecimal que aparece assim: borderColor = "#ffffff"; No caso do meu exemplo o
fundo é branco, ou seja, #ffffff.
************************************************************************************

Este script é criação do blog BloggerTricks, a quem pertencem todos os créditos.

10 fevereiro 2013

Colacar Navbar no Blog

Se você não tem navbar em seu blogspot e quer recolocá-lo,
siga as instruções abaixo.
1; Entre no Blogger:

Layout/Editar html

Clic em expandir modelos de widgets, depois em Ctrl F

Localize algo parecido com isso: #navbar-iframe {

Se não tiver exatamente assim, procure por navbar e substitua tudo por:

#navbar-iframe {}

2;clique em Layout. Agora clique em Editar Navbar.
3;Escolha o transparente
4;Salve
Em seguida entre no HTML do seu blog e procure por essa linha:
]]></b:skin>
E cole acima dela esse código:
#navbar-iframe {
background:#B40431; /* Cor da navbar*/
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
#navbar-iframe:hover {
background:#000000; /* Cor da navbar ao passar o mouse*/
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}

Onde está escrito cor,troque pela sua cor preferida
Se voce quizer ela fixa é só colocar esse código;
Em cima da mesma linha:]]></b:skin>

#navbar-iframe {
left:0;
top:0;
position:fixed;
}
Visualize,se estiver tudo certo salve
Para mudar a cor do seu navbar entre neste site.
http://www.mxstudio.com.br
r

24 janeiro 2013

Colocando imagem de " voltar ao topo " no blog

Yo Yo *-*
Hino-Chan decidiu postar alguns tutorias para vocês de coisinhas que ela sabe fazer e que deixam o seu blog mais bonito ! Vamos lá (:

Hoje eu vou ensinar como colocar uma imagem de " Voltar ao topo " ... Se você ainda não sabe o que é isto, basta olhar para a tortinha com sorvete ali do lado direito do blog ~> Viram ?

Fica bem fofinho e ajuda os leitores a voltarem ao começo da página ( geralmente onde se localiza o menu ).

Então, chega de conversa e vamos começar !

1 º Passo :

Vá até o painel de controle do seu blog e escolha a opção "Layout" . Em seguida clique para adicionar um novo gadget de HTML e cole o seguinte código :

2º Passo:

Agora você irá substituir onde está escrito Endereço da imagem aqui pela url da imagem que você escolheu. Salve as alterações e visualize o seu blog (:

Imagens que você pode usar :

Hino-Chan fez algumas imagens que você pode usar ! Espero que gostem ^^

A pedido da Letícia-Chan, aqui estão algumas imagens da Mio Akiyama, a minha personagem favorita de K- ON *-*

Aqui estão alguns da Momone Momo, feitos a pedido da Manda-Chan (*o*)/

Não esqueçam que podem usar qualquer um, ok ? ^^

Vocês podem usar as imagens de voltar ao topo, tanto na direita quanto na esquerda de seu blog... O código que está lá em cima é o que deixa a sua imagem no " RIGHT" (direita) e o que colocarei aqui abaixo, será o "LEFT" (esquerda).

Manda-Chan ♥

Alguns da Turma da Mônica Jovem, pedidos pela leitora Luyana Ferreira ♥

Akira-Chan ♥

Códgo e imagens que encontrei no blog :

http://hino-chan.blogspot.com.br

Visite o blog muita coisa bonitinha para seu blog.

site para gerar a url da imagem ;