Tutorial | Como colocar categorias no blog

Você não sabe como colocar imagens nas categorias no blog? Esse tutorial é muito simples. Vem comigo.

1. Vá em layout. 

2. Adicione um gadget.

3. Escolha html/javascript.

4. Coloque esse código dentro.

5. Repita o código quantas vezes quiser.

<a href="http://LINKDOSEUBLOG/search/TAG"><img src="LINK DA IMAGEM" width="80" /></a>

6. Troque o link do seu blog pelo seu link.

7. TAG, troque pela tag que quer que apareça. 

8. Ela fica assim:

Uma das tags que eu uso. Exemplo: http://annelims.blogspot.com/search/label/receitas 

Contador online

              

Como colocar um contador online no blog ou tumblr? Pra que serve contador online? Por exemplo, tem 4 pessoas online visitando o teu blog nesse exato momento e você não sabe visualizar. Esse código te permite ver. 

Entre nesse site. 

E lá você vai fazer um código de acordo de como você quer que apareça. Você escolhe o modelo da caixa de texto, escreve a frase que você quer que apareça ou deixa como está mesmo. Logo em seguida você clica em "Generate the html code". Vai aparecer um código e você vai copiar e colar abaixo do body. Eu uso dentro de um gadget, então vai depender onde você vai colocar. Ah, não se preocupem com a frase generate the html code, pois ele serve pra blogger quanto para tumblr, inclusive estou usando ele no meu blog, o seu código não irá ficar nesse estilo abaixo, pois o gadget foi feito exclusivo para mim, exemplo ai abaixo do contador abaixo. 

Efeito whole

Olá pessoal, tudo bem com vocês? Espero que sim. Hoje eu trouxe um efeito whole, que funciona basicamente assim, você passa o mouse por cima da foto e ela fica um pouco amarelada. É super fácil de colocar, assim como todos os menus e efeitos que eu passo pra vocês, vamos lá?

1. O primeiro código você coloca entre <style> e  </style>. Se você não sabe onde está o style, abre uma caixinha, apertando ctrl + f, você digita e encontra a palavra.

2. O segundo código, você coloca depois do <body>.

3. As partes em que você pode mexer na formação são:

width: 240px Tamanho. 

margin-left:230px; Localização.

border:6px; Grossura da borda.

solid #000 Cor da borda.

Lembrando que esse código funciona tanto no blogger quanto no tumblr. Confira clicando aqui, para ver o resultado do código. 

Menu image heart

Olá pessoal, hoje eu trouxe um menu com imagem pra vocês usarem no blog ou tumblr, querem saber como colocar? É super fácil, vem comigo.


Coloque este código no seu css, antes de </style>.

E este, onde você que o menu apareça.

É bem simples. Quer ver o resultado? Clica aqui.

Efeito de gadget para parceiros

Olá pessoal, na dica de hoje, vou ensinar a vocês a colocar um efeito bem fofo, pra usar no gadget de parceiros ou colaboradores, ok? É super fácil. Cole esse código no seu CSS (antes de </style>):

Mude a altura e a largura de acordo com a imagem do seu parceiro (o quadradinho), coloque o mesmo tamanho nas duas alturas e larguras, e o tamanho do coração (o do preview é de 50px). Agora cole esse código abaixo onde você quer que apareça o parceiro, o código representa um quadradinho, você pode colocar quantos você quiser. Para ver o resultado, clique em mais informações. 

Resultado.

Menu Open

Dando uma passadinha pra ensinar a vocês a como instalar o menu open. Serve tanto para blogger quanto para tumblr. É super fácil, vamos lá?

Visualização do menu: Resultado.

1. Cole esse código no css, entre <style> e </style>

2. Agora cole esse código depois de <body> onde quer que o menu apareça.

É só isso. Credite se usar.

Menu: Lista Cute ♡

Quer uma listinha como essa? xxx. Siga os passos.

Efeito de imagem ♡

Quer saber qual efeito uso nas fotos das logos de parceria? Efeito desfocado. Pra vocês saberem como é, é só passar o mouse por cima dos logos das minhas parceiras na lateral do blog. É muito fácil de colocar, vem comigo. 

Como colocar "read more" nos posts ♡

Para colocar o read more tradicional, não precisa alterar nada no layout. Quando você estiver fazendo o post, escolha o lugar em que você quer que ele apareça (o que estiver acima dele aparecerá no home, abaixo só poderá ser visto quando clicar nele). Depois de escolher, clique no ícone ao lado do ícone de alinhamento, uma folha cortada ao meio ali em cima.