Tutorial - Cute Menu

Quer um menu igual ao nosso?Siga o Tutorial!Barra Lateral >>

1 - Va em design > editar HTML > de CTRL+F e procure por : ]]></b:skin>

2 - Cole o código abaixo ,acima de ]]></b:skin>

Tutorial - caneca no PhotoScape

E muito fácil e simples, ha tempos que não publico tutoriais de PhotoScape, o tutorial foi totalmente realizado por mim então se reblogar de meus créditos !   

Materiais:

PhotoScape (programa)

Fundo Transparente (www)

Fumacinha da bebida (www)

Clique em leia mais e veja o tutorial

Tutorial (Como colocar leia mais nas postagens)

Tem dois jeitos de fazer isso um e com link outro e com imagem ,vamos fazer primeiro em links,clique em leia mais e veja o tutorial completo !

Tutorial - Links com efeito arco-iris

E bem fácil let's go!

1º- Va em design > Adicionar um Gadget > HTML/JavaScript 

Depois -Cole este código:

<script src='http://dl.getdropbox.com/u/647003/ciudadblogger/scripts/rainbowlinks.js'/></script>

Fim do post beijinhos :*

Tutorial - Destaque uma área do texto

Oii ,hoje vim postar um tutorial de novo ,para destacar uma área do texto ,assim o: ~vai achar uma imagem

Como fazer um cabeçalho com fundo transparente

Hoy  ,hoje vim postar um tutorial ,de como deixar,bom e bem fácil , e deixa o blog com um toque mais delicado ;) .

Materiais :
-Folha transparente (AQUI) *eu coloquei do tam. que uso mais você pode aumentar ou diminuir*
-Brushes (você pode fazer o seu) ou pegar em algum site (eu recomendo o Casa do PhotoScape)
-Algum programa de edição (eu uso o PhotoScape)  

Tutorial cursor

Bom gente quinta acaba minhas provas mais agora vim postar um tutorial a pedido de uma leitora ,veja o comentário dela:

Clique em leia mais e veja o tutorial .

Tutorial - Como colocar menu em um cabeçalho

Oi gente ,vou usar também varias imagens para mostrar  melhor o processo.

1. Faca um cabeçalho com as paginas ,eu vou usar este como exemplo:

2.Entre neste site:http://www.image-maps.com/  | passo 1 ;  2  ;  3  ; 4 . Pronto você já tem seu cabeçalho  mapeado.E importante que você guarde este código  

Mais molduras fofas ...

Gente como o post "Molduras fofas" foi o post mais visto ,vou postar mais *mais dessa vez vou fazer*,se
você ainda não leu o post *clique aqui* .Bom gente este foi o post mais visto com 8.804 pageviwes e 2 comentários, então vim postar ~le repetindo~ .Bom vamos ao post.

Clique p/ ampliar e salvar

Clique p/ ampliar e salvar

Clique p/ ampliar e salvar

So três gente,pois da muito trabalho ,agora uma vídeo aula ajudando a colocar a foto ;) 

Tutorial imagem para topo

Nesta gadget você clica e ele automaticamente volta ao topo da pagina e bem útil em blogs com paginas longas,se você quiser apenas um texto apague o "URL DA IMAGEM" e escreva o que quiser.Ele ficara sempre no canto direito da pagina.


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


Para colocar uma imagem apague "URL DA IMAGEM" e coloque o link da sua imagem.


Para colocar em seu blog vá em design>adicionar gadget>html>e cole o código.


Algumas imagens para colocar 

 

Bom galera eu sei que eu não postei ontem,na verdade eu nem ia postar hoje,porque to meio mal,mais eu tinha que vir ;).Bom gente também queria falar que ficamos em segundo lugar no My dear Awards-Shõ! :) obrigada a quem votou :), também queria falar vocês se inscreverem logo no concurso,to esperando :) pra quem quer se inscrever ali no cantinho ta o botão ;),bom só isso!


Beijinhos :*   

Tutorial-Imagem ao lado de postado por e macadores

Imagem via:http://weheartit.com/

#oicomovaivocê?,gente hoje vou postar um tutorial bem legal para vocês (com HTML).

Bom vamos la,hoje vou ensinar a colocar gif ao lado de "POR" e "MARCADORES".Bom e bem facinho.

Primeiramente escolha um mini gif tem alguns nestes sites:

~Amor&Sedução

~Evelin's Place

Ja escolheu? Então vamos ao segundo passo, vá em design>editar HTML ,clique em expandir modelos de widget de CTRL+F  e procure por:

<b:if cond='data:top.showAuthor'>

No primeiro que aparecer,logo ao lado coloque este código,e troque a parte em vermelho pela URL do seu mine gif

<img src='URL DO MINE GIF' style='border:0px;'/>

Mais ainda não salve,de novamente CTRL+F  e procure por:

<b:if cond='data:post.labels'>

E cole ao lado este código novamente e troque a parte em vermelho pela URL do seu mine gif.

<img src='URL DO MINE GIF' style='border:0px;'/>

 Pronto,agora visualize e se estiver tudo arrumadinho clique em salvar.

Bom fim do tuto e gente pra quem não percebeu não postei no fim de semana,por que deu preguiça,acho que vou começar a não postar no fim de semana,ok pessoal?Espero que o tuto tenha dado certo e comente se deu certo,ou se precisar de ajuda :) Beijinhos e ate mais ;*   

Créditos de códigos:Trechy Teen

Tutorial para blog (com HTML)-Barra de rolagem Colorida

Bom hoje,vou postar um tutorial para barra de rolagem colorida.Eu achei no Menina Nerd,eu coloquei no blog e vim postar para vocês,o tutorial.

1.Vá em design>Editar HTML de CTRL+F e pesquise por:

]]></b:skin>

2.E antes dele cole este código: 

*{

scrollbar-face-color:#FF69B4;

scrollbar-highlight-color:#FF69B4;

scrollbar-3dlight-color:#343434;

scrollbar-darkshadow-color:#343434;

scrollbar-shadow-color:#FF69B4;

scrollbar-arrow-color:#343434;

scrollbar-track-color:#343434;

}

::-webkit-scrollbar {width: 12px; height: 4px; background: #343434; }::-webkit-scrollbar-thumb { background: #FF69B4; }

Depois de colar clique em visualizar e se estiver tudo arrumadinho clique em salvar.

Não resulta em Firefox!

Obs.:Os códigos em vermelho e a cor da barra,e os em rosa são o fundo da barra. Você pode mudar os códigos por esta tabela.

Fácil não? 

Créditos:

http://meninanerd.blogspot.com 

Tutorial 2 {Efeitos ao mesmo tempo}

Oii,o domingo ta bom?Bom vim postar o tutorial pra quem não viu o que e [AQUI]

Tutorial:

Parte 1 {clique aqui}

Parte 2-clique em foto ;E aparece-rá {isso-clique em foto};e ache seu brushe
Parte 3-E coloque o brushe no canto canto esquerdo da imagem
Parte 4-Escolha três textos (um para cima [se movendo],um para o meio [sendo digitado],e o outro para baixo [colorido]).

OBS  Antes de começar você terá que saber como se fazem os efeitos:

1-Se movendo escreva um texto e que deixe dois espaços {   }-Como este *clique aqui para ver*
então quando colocar vá tirando a ultima letra e colocando-a no inicio (mas antes deixe o espaço) {lembre-se de tirar a ultima letra}.Va fazendo isso  e dando { CTRL+C (na ala editor) + CTRL+V(na ala animated gif) } [AQUI]

2-Sendo digitado Escreva a primeira letra da palavra (de CTRL+C + CTRL+V) e depois volte a ala EDITOR e va colocando a letra e dando CTRL+C + CTRL+V ate acabar a palavra.

3-Colorido este efeito e bem fácil, você vai apenas escrever uma palavra e ir mudando a cor dando CTRL+C + CTRL+V  a cada vez que mudar.

Pronto agora que você ja sabe como fazer os efeitos.

Faça eles todos juntos ,alguma duvida se sim pergunte nos comentários,e se voce consegui também comente bom resto de domingo e beijinhos :* até o próximo post!

Materiais do tutorial de amanha

x Brushes indico este site [http://photoscapebrushes.blogspot.com/]
x PhotoScape pra quem não baixou semana passada [http://photoscapeedicoes.blogspot.com/p/baixe-o-photoscape.html]

Bom este tutorial vai ser meio complicado,amanha estou ai a postar ele.

Quer saber qual e?

Esperem amanha para ver o tutorial

Tutorial

Oii como prometido vim fazer o tutorial (adiantando),ele e com imagens para simplificar.
Clique nas imagens para ampliar

1.Abra o PhotoScape

2.Va para a ala EDITOR

3.Ja na ala ache a imagem *fundo* e abra clicando nela.

4.Clique em 'object' e depois na imagem de uma paisagem





















5.Clique nela e na opção 'foto'





















6.Ache seu brushe e abra-o

7.Coloque seu brushe no canto da imagem qualquer canto.

8.De CTRL+C na imagem e CTRL+V na aba 'Animated Gif'

9.Puxe o brushe (na ala EDITOR) mais um pouco *para isso você precisa estar na ala object* e repita o processo 8 

10.Repita o processo 8 ate o brushe chegar ao outro canto da imagem

11.Quando o brushe ja estiver no canto da imagem volte para a ala 'EDITOR'

12.Clique no balão ali na barrinha para colocar uma fala

E escolha um balão,escreva o que quiser.

13.De CTRL+C (para copiar a imagem) e CTRL+V (para colar na aba 'Animated Gif')

14.Na ala 'Animated Gif' mude o efeito e o tempo










15.Comente aqui se deu certo e se gostou do tutorial,para eu fazer mais :)

Resultado:

Bom espero que tenham
gostado e beijinhos :*

Lembrete

Caso você queira fazer o gif no tutorial de segunda você vai precisar já ter os materiais para economizar tempo,ok? 
Obs:Meu primeiro tutorial se este der certo toda segunda terá um (:

Materiais:
-Baixar Photoscape (programa usado) se você já tem ok
No seguinte link explica tudo direitinho ^^:Clique aqui para ir ao link :)

-Baixar brushes
Sugestões de brushes :

 Escolha um desses e salve.
Obs:Se você acha que outro daria certo pode usar.

-Fundos o seu plano de fundo (atras do gif) escolha um desses e salve
Atenção:Todos foram feitos por mim!

Você vai precisar apenas disso...Segunda ou ate antes o tutorial sai (: