Tutorial- Menu Crown

Yooo minna!~

A quanto tempo! desculpe pela demora em postar tava muito ocupada .-.

Mais hoje trouxe um menu que eu criei, espero que gostem!

Prewien no cabeçalho//aqui

TUTORIAL-efeito shake+problemas resolvidos+cade a CRIS?

                               
                                                                       QUE KAWAII!!
Hoje trouxe um tutorial bem eficiente,quando você passa o mouse a imagem fica tremendo. (pelo menos é esse o efeito que eu me lembro se chamar SHAKE)
Mais antes eu quero deixar bem claro que já solucionei os problemas com o design e o blog de testes,espero que a Gaby não fique brava por eu ter usado o blog de testes delas para o meu.
E outro assunto é:
AMANHÃ VOU VIAJAR.
E as postadoras tem que estar aqui postando,claro que eu vou aparecer de vez em quando mais RARAMENTE vai ser pra postar GOODIES.
Eu sei que a cris anda sem um editor de imagens,mais ela pode postar textos ou até coisas feitas no Paint.(ACREDITEM,ELA FAZ UM TRABALHO LINDO NO PAINT!!)
E voltando ao tuto,eu já conhecia,mais peguei os códigos no blog PANDAM WORLD.
LET´S GO!

TUTORIAL-menu igual o do blog

                   
BOA TARDE!!
Hoje vou  ensinar a por um menu igual o nosso,é bem complicado pois tem um código pra cada quadrinho!
Ele é do kawaii world mais pra ficar mais fácil de encaixar ele na página de tutos vou por o nome de JUNTO E MISTURADO que é o nome desse design,ok?
Bom,se você ainda estiver curioso clique em leia mais...

TUTORIAL-efeito neve caindo igual o do blog

                   
BOA TARDE!
Vim ensinar a colocar o efeito de neve caindo no blog que eu uso,geralmente esse efeito é o que todos os blogueiros iniciantes conhecem,acreditem,quando eu comecei o blog o único código que eu sabia era esse.
Bom,quem ainda não conhece esse efeito simplesmente lindo,clica em leia mai e dá uma olhada...
HAAA! PESSOAL,SE ALGUÉM ESTIVER INTERESSADO EM POSTAR NO BLOG COMENTA COM O QUE DESEJA POSTAR,SUA IDADE,BLOGS ONDE POSTA,SEU SEXO,E SE POSSÍVEL OS PROGRAMAS QUE USA.
Agora voltando ao assunto...CLICA EM LEIA MAIS LOGOO

menu de coração

Hoje vou ensinar um menu do tumblr que eu  transformei para blogger,que fica muito fofo se você quer fazer um menu tipo uma listagem.
vamos logo ao tuto?
CLIQUE EM LEIA MAIS...

menu com efeito giratório

Hoje vou ensinar um menu muito fofo que aprendi a fazer no bad reputation
HA,estou pensando em fazer um concurso para eleger um novo postador para o blog,adoraria alguém que me  ajudasse a postar aqui,então qualquer coisa eu aviso ok?
agora clique em leia mais...

personalizar a área dos comentários

Oi,hoje vou ensinar a personalizar a área dos comentários,aprendi no DOCE SONHO DE MENINA
é muito útil e fica bem fofinho,vejam o print:

CRÉDITOS DE IMAGEM:DOCE SONHO DE GAROTA

Para aprender a fazer clique em leia mais...

como por menu com imagem

imagem por ma-chan

Hoje vou ensinar a fazer um menu com imagem a pedidos da rebeca do blog sou fã tmj!
AGORA clique em leia mais...

Como colocar gadget encima do cabeçalho

Esse tutorial é bastante útil,eu encontrei no DICAS BLOGSPOT.
Esse  tuto permite por outro gadget em cima do cabeçalho,tipo,você move o gadget seguidores para cima do cabeçalho e ele vai ficar ali.
AGORA CLIQUE EM LEIA MAIS...

desculpem+como por nuvem atras do cabeçalho

Desculpa por ficar tanto tempo sem postar,é que eu tive prova de matemática e me sai muitoooooo mal,fiquei todo final de semana estudando.
Agora voltando ao assunto principal do post,vou ensinar como por nuvens passando atrás do cabeçalho igual aqui no blog,lembrando que eu já ensinei a por corações brilhantes,para ver clique aqui.
AGORA CLIQUE EM LEIA MAIS...

menu em imagem com efeito hover!

Hoje vou ensinar um tuto complicado mais muito bonito que aprendi no cherry bomb por isso todos os créditos vão para esse bloG
AGORA clique em leia mais...

tutorial elite de afiliados com expansão

Hoy, hoje vou ensinar um tutorial que aprendi no kawai word por isso todos os créditos vão a ele,o tutorial ensina a por expansão na elite de afiliados,como você vai ver os exemplos no final do tutorial,agora clique em leia mais

estilos de titulos para gadgets!

IMAGEM DO BLOG dkawai wor

A pedidos  da nossa fã rebeca trouxe estilos para titulos de gadgets.só que esses  códigos tem uma outra maneira de usar,vamos aprender??LETS GO:

VÁ EM EDITAR HTML/PROCURE POR  .sidebar h2{  SE NÃO ENCONTRAR PROCURE POR sidebar h2  APAGUE ESSE CÓDIGO E NO LUGAR COLE  UM DOS CÓDIGOS ABAIXO

.sidebar h2{
text-align:center;
background: #DDA0DD;
padding: 5px;
font-size: 18px;
color: #fff;
width: 180px; /* Altere de acordo com a largura da sua coluna*/
height: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: 0.5s;
text-shadow: 1px 1px 0 #ccc;
}
.sidebar h2:hover{
text-align: center;
background: #DA70D6;
padding: 5px;
font-size: 18px;
color: #fff;
width: 180px; /* Altere de acordo com a largura da sua coluna*/
height: 25px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: 0.5s;
text-shadow: 1px 1px 0 #ccc;
}

.sidebar h2{

text-align:center;

border-bottom: dashed 1px #ec92c6;

font-size: 18px;

color: #000;

width: 180px; /* Altere de acordo com a largura da sua coluna*/

height: 10px;

text-shadow: 1px 1px 0 #ccc;

}

.sidebar h2 {

text-align: center;

background:#8DEEEE;

padding: 8px;

font-size: 18px;

color:#528B8B;

border: outset #79CDCD;

width: 180px; /* Altere de acordo com a largura da sua coluna*/

height: 20px; 

-webkit-border-radius: 20px;

-moz-border-radius: 20px;

border-radius: 20px;

}

TUTORIAL AFILIADOS COM EFEITO ZOOM

Esse tuto é muito maneiro e mega lindinho,irei usar no nosso  próximo lay.
Agora cliquem em leia mais...

MENU IGUAL O DO BLOG!!

Bom,eu não ia postar esse tuto tão cedo, mais o nosso fã bruno pediu e eu não podia negar né??
lembrem-se o tutorial é do blog  KAWAI WORD.
Agora clique em leia mais....

 

como colocar hack LEIA MAIS com imagem

Oi gente!!hoje trouxe um tutorial que achei no MAGALI GIRLS mais os créditos vão para SPACE FRIENDS bom clique em leia mais...  

corações brilhantes passando pelo blog!!!

Oi gente!!muitos de vocês já viram que as estrelas e nuvens que postei aqui pra passar atrás do cabeçalho não funciona então elaborei um novo código a pedidos da Samantha!!
CONFIRAM ABAIXO

va em editar html-ctrl f3 e procure por

<div class='fauxcolumn-outer body-fauxcolumn-outer'>

e cole esse código abaixo

<marquee scrollamount="10" height="1000px"><img src="http://1.bp.blogspot.com/-Ef6ysalD_ic/T9E2nu1V3aI/AAAAAAAABsU/4bDONsHVhIQ/s1600/aaaaaaaaaaaaandooo.png"></img></marquee>

LEMBRE-SE SE POSTAR ESSE  CÓDIGO EM SEU BLOG,DÊ OS DEVIDOS CRÉDITOS!!

Como colocar nuvens,corações e estrelas passando pelo cabeçalho

Vá em design>>editar html>>Ctrl+f (F3)=

<div class='fauxcolumn-outer body-fauxcolumn-outer'>

Cole acima,um desses códigos abaixo

                                                              NUVEM

<marquee scrollamount="10" height="1000px"><img src="http://3.bp.blogspot.com/-c-tGWXIwXM0/T52p4C9XtuI/AAAAAAAAfh4/lNMTMi9jNlg/s1600/cloud.png"></img></marquee>

                                                     ESTRELAS, NUVENS E CORAÇÕES

<marquee scrollamount="10" height="1000px"><img src="http://1.bp.blogspot.com/-SL36ihoB_MQ/T58v0eUKtBI/AAAAAAAAfkE/7tlyc0R1wdA/s1600/star2.png"></img>

</marquee>

CRÉDITOS DICAS BLOGSPOT

imagem com efeito giratório!!

Oiii hoje vou ensinar um tuto que aprendi no BAD REPUTATION e que usei no blog de encomendas,que ensina a por uma imagem giratória no blog, aonde você quiser, eu acho que fica legal nos parceiros mais  cada um com sua opinião, bom,vamos ao tuto

Vá em design >Editar HTML > aperte Ctrl F e procure por ]]></b:skin>

depois que encontrar cole o código acima de  ]]></b:skin>

.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);} 

Se não quer a imagem redondinha, diminua os números onde diz 50px
1.20s é o tempo, enquanto menor o número mais rápido a imagem gira
360deg é o grau de rotação

Certo agora Salve

Como o código funciona na imagem??

Vá em design  > Adicionar um gadget  > HTML/JavaScript


Use o código: 
Sem link:

<img src="URLdaIMAGEM" class="rotate">

 Com link:

<a href="URL"> <img src="LINK DA IMAGEM" class="rotate"></a>

Prontinho, é bem fácil né?! espero que tenham gostado 

não esqueçam de comentar!!!

Borda nos Comentários Arredondada