Gif no título do post

Oi! Dreams, que eu amo tanto.

Vou ensinar a vocês, como colocar um gif ao lado do título da sua postagem, mais uma forma de decorar seu blog. Entenda...

Aqui no site Evelyns-place tem umonte de mini gifis para vocês.!!

Vá em Design → Editar HTML e marque a caixinha "Expandir modelo de windget"

Tecle CTRL+F ou F3 e procure por:

data:post.link'><data:post.title/></a>

Quando você procurar, em baixo vai ter esse código aqui > <b:else/> , ao lado desse código código cole esse outro:

<img src=' URL DO GIF 'style='vertical-align: middle;'/>

Onde está em negrito, cole o link do seu gif, visualize e veja se está tudo certinho, então salve..

Gostou do tuto? Então comenta ^-^

Iamgem que gira ao passar o mouse

Olá meus amorecos, que dia feliz né?

Quando eu entra no blog, Cherry bomb, eu olhava os afiliados e percebia que quando eu passava o mouse em cima da imagem, ela girava, então eu achei super interessante, mas no blog não tinha o tutorial, então eu resolvi procurar, até que eu achei, então vou postar aqui, explicando com faz.

Vá em Design → Editar HTML e marque a caixinha "Expandir modelo de windget"

Tecle CTRL+F ou F3 e procure por:

body {

Quando achar, logo ao lado dele cole isso

.rotate{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width:auto;-webkit-transition-duration: 1.20s;} .rotate:hover{-webkit-transform: rotate(360deg);} 

 Agora Add um Gadget, com esse codigo aqui:

 <img src="URL DA IMAGEM" class="rotate">

 Cole o link da imagem que você quer que rode e pronto.

Formas de bordas HTML

é nois :D

Vou ajudar vocês com algumas coisas em HTML, uma ajudinha básica mas que é bem vinda, para fazer modificar o seu HTML, de um jeito diferente do tutorial.

Vou mostra algumas coisas que agente geralmente gosta de mudar no HTML, que são as bordas, e a grossura das borda.

A espessura das bordas é definida pela propriedade border-width, que pode assumir os valores thin, medium, e thick (fina, média e grossa), ou um valor numérico em pixels.

 

Aqui são os tipos de bordas, que você modificar no seu HTML.

 Quando você for colocar borda em alguma coisa coloque tipo assim:

EX:  border-solid: 1px;

Agora você modificar a borda do seu blog, pode modificar aquela borda do tracejado, podem mudar tudo oque você quiser.

Como fazer seu própio cursor

Como prometido, vou ensinar a vocês, como fazer um cursor para seu blog.

Primeiro abra um programa de montagens que aceite fundo transparente, como (Photoshop, Photofiltre, Photoimpact).

Agora escolha um dessas setas para você colocar no cursor.

Aqui tem algumas para vocês.

Escolheu? Agora abra a seta que você quiser no seu programa de edições, eu vou usar o photofiltre

Agora escolha uma imagem, ou escreva as siglas do nome do seu blog, e coloque logo em baixo da seta como na imagem abaixo.

 Passo 1                                    Passo 2 

 Junte a imagem/Sigla a seta do seu cursor, retire o espaço e deixe só o cursor é a seta sem espaços, feito isso salve, agora hospede seu cursor em um site de hospedarem (Tinypic, photobucket, imgur)

Pegue o link da imagem e cole bem ali onde está escrito URL DO CURSOR.

 <style  type="text/css">body{cursor:url("LINK DO CURSOR"),default}</style>

Agora só aplicar no blog.

~ Aprendi no Blog The-Lovers.