Cute área dos comentários

Hooy gente mais alguém ai tá sentindo muita preguiça nesse domingo? kkkkk... Hoje eu vou ensinar a vocês como deixar a área de comentários personalizada igual a aqui do blog, veja:

O código foi pego no blog  Cherry Bomb! (então créditos)  eu apenas personalizei as cores, modifiquei algumas coisinhas pra disponibilizar pra vocês 

ATENÇÃO:

Antes de começar o tutorial eu recomendo que vocês façam em um blog de testes primeiro ou baixe seu modelo para evitar possíveis transtornos! 

Tutorial: Hack ''leia mais'' muda imagem ao passar o mouse

Quem não curte personalizar o blog? E deixa lo mais único? Aaaaah fala sério todo mundo né gente *-* então hoje eu vou ensinar a vocês a personalizar o hack ''Leia Mais''. Tipo igual ao do JD quando passa o mouse muda a imagem. Veja um exemplo, passe o mouse na imagem abaixo:

Eu nunca vi esse tutu pela web, então se repassar credite (: Outra coisa é super fácil garanto! Mais precisa prestar atenção, ok!

Vá no seu HTML e marque a opção ''expandir modelos de widgets'' dê um ctrl + f e procure por: <data:post.jumpText/> apague e no lugar cole o seguinte código:

<img border='0' onmouseout='this.src=&apos;url da imagem principal&apos;' onmouseover='this.src=&apos;url da imagem com o mouse em cima&apos;; return true' src='url da imagem principal'/>

Entenda o código! Nos trechos url da imagem principal apague e cole a url da imagem que irá aparecer sem o mouse estar em cima, exemplo:

No trecho url da imagem com o mouse em cima apague e cole a url da imagem que irá aparecer com o mouse em cima, exemplo:

Vocês mesmos podem criar suas imagens e hospede as em um site que faça isso gratuitamente ex: imgur.com 

Jackie como eu pego a URL de uma imagem? 

clique em cima da imagem com o botão direito do mouse e selecione '' copiar url da imagem ''. Só isso.

 Bom pra quem está com preguiça de fazer isso tudo eu já deixei alguns códigos prontos é só clicar em leia mais para ver>> Estou deixando vocês mal acostumados hein, kkkkkk'

Seu design mais profissional (10 Templates para edição)

Eu não tenho nada contra os templates fornecidos pelo blogger e até acho que eles são mais fáceis para editar e tals, inclusive já usei. Mais depois de um tempo me aventurei no HTML de um template, que é o atual JD que vocês podem ver e admito que amei tanto o resultado que não tenho planos para outros Layouts.

No site btemplates.com você encontra uma variedade incrível de estruturas perfeitas para um template com o design mais profissional (garanto) só vai depender de você, se aventurar no HTML. É um tal de mexe aqui mexe lá. São dias, semanas ou até meses de trabalho e pouco a pouco o resultado vai surgindo. 

Foi Justamente navegando pelo site btemplates que tive a ideia de selecionar alguns templates bem legais, sabendo editar então o resultado será perfeito. Antes de comentar ''Jackie não sei mexer no html '' .Nem eu sabia gente foi mexendo e quebrando a cara que eu aprendi! A e fui muito rigorosa na seleção dos templates analisei cada detalhe. Enfim confiram:

Download | Visualizar

Dica: Na hora de visualizar os templates, imagine outro fundo um cabeçalho e detalhes de sua preferência, assim fica mais fácil editar um!

2.Download | Visualizar    3.Download | Visualizar   4.Download | Visualizar    5.Download | Visualizar    6.Download | Visualizar   

Estilo Revista Virtual

Download | Visualizar   

8.Download | Visualizar    9.Download | Visualizar   10.Download | Visualizar

Curtiram as dicas?

Nuvem de tags (marcadores)

(adorei essa imagem<3)

Hello Gurias  que tal aprender a colocar uma nuvem de tag no blog? Eu descobri isso á pouco tempo (quando estava tentando editar meus marcadores) e achei super legal e vim compartilhar com vocês! 

Exemplo de nuvem de tags:

É super fácil e não precisa usar nenhum código é um gadget do próprio blogger. veja:

vá em elementos da página

1°adicionar gadget

2°pesquise por Label

3°adicione o gadget

4°salve!

                                                

                              Fácil né Espero que tenham curtido

Pig Kawaii. Faça o seu:

Hooy Hooy gente fiz mais um tutorial com o photoscape (e qual é a novidade mesmo Jackie?) ...então dessa vez tentei ser mais breve, espero que vocês curtam!! Estarei sempre tentando trazer mais novidades assim vocês mesmas podem fazer seus adesivos (brushes) kawaii !! 

Confira esta imperdível >>

Criando uma de elite de afiliados

HoOy gurias e guris! ... hoje vou ensinar a vocês  como criar uma elite de afiliados. Fiz um tutorial espero que esteja muito bem explicado, e que ajude alguém que ainda não saiba. 

Pra quem não sabe afiliados é uma lista (ou imagens) com links de blogs amigos!

1° faça a imagem para afiliações pode ser na resolução que você quiser! (fiz algumas como exemplo 60x70)

                                

http://i.imgur.com/JM0bd.jpg     http://i.imgur.com/GNZEU.jpg      http://i.imgur.com/u6ghT.jpg    http://i.imgur.com/E212I.jpg   http://i.imgur.com/MiGIt.jpg    http://i.imgur.com/kIIwv.jpg

2° hospede as imagens que você criou nesse site http://imgur.com (ou em outro de sua preferência)

deixe a a imagem lá, e vá em em design > Elementos da pagina>adicionar um gadget>Html javaScript .

3° cole o seguinte código: 

<a href="ENDEREÇO-DO-BLOG"><img src="ENDEREÇO-DA-IMAGEM" title="TITULO DO BLOG" target="blank" /></a>

É hora de editar o código!

no trecho:ENDEREÇO-DO-BLOG  apague e cole o endereço do blog do seu afiliado

no trecho:ENDEREÇO-DA-IMAGEM  volte no site que você hospedou a imagem(imgur) e copie o Direct Link (email & IM). e cole no lugar do trecho destacado em roxo

no trecho:TITULO DO BLOG apague e cole no lugar o nome do blog do seu afiliado

Exemplo de elite pronta:

Atualizações (9/12/2011) Novas imagens para afiliações:

                                                  

Todas as imagens contidas neste post são de autoria minha. PROIBIDO REBLOGAR! Apenas para uso.

Espero que vocês tenham curtido o tutorial de hoje! 

Bay Bay