Passe o mouse aqui, gatinha :3E hoje vim ensinar vocês a como fazer isso! É bem fácil, vamos lá?
Primeiro abra o seu blog, clique em Modelo> Editar HTML> Expandir Modelos de Widget. Depois disso, tecle ctrl+f e procure por:
]]>E cole o código da blockquote (abaixo) acima do encontrado:
blockquote {
border: 1px solid #FF0000; /* modo da borda */
background: #fff;
padding: 10px;
font-size: 13px; /* tamanho da fonte */
color: #0000FF; /* cor da fonte */
text-align: justify;
-moz-border-radius: 0px 0; /* bordas arredondadas */
-webkit-border-radius: 0px 0; /* bordas arredondadas */
border-radius: 0px 0; /* bordas arredondadas */
-webkit-transition: all 2s ease; -moz-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;}
blockquote:hover {
border: 1px solid #0000FF; /* modo da borda quando passa o mouse */
color: #FF0000; /* cor da fonte quando passa o mouse */
-webkit-transition: all 2s ease; -moz-transition: all 2s ease;-o-transition: all 2s ease;transition: all 2s ease;}
Aí é só editar o que manda. Ah, e os códigos sublinhados são os que deixam a transição lenta, se quiser deixar ela normal é só apagar eles. Salve o seu código e pronto, sua blockquote já está no modo "hover"!
Eu gosto mais dos blockquotes com hover, ficam com um "charme" novo ou sei lá *rss
ResponderExcluirGostei desse, se eu não tivesse preguiça pra alterar as cores e tal até usaria :P
Beijoos!
caramelos-encantados.blogspot.com
Também acho, hahaha >< Aaah, ok :3
ExcluirAdorei o tutooooo, mesmo preferindo blockquotes simples e normais!! Mas desde que colocaste esse lay, fiquei babando pelo block.!!
ResponderExcluirJu, do Epílogos e Finais.
Aaaah, mas que bom que gostou então ><
ExcluirP.C mais uma vez adorei seu tutorial adorei mesmo ta de parabens que seu blog continue brilhando a cada dia mais, como um lindo diamante.
ResponderExcluirwww.levigustavodicas.com | me ajude na meta dos 150
Fica bem legal.
ResponderExcluirBeijo, Lili
Princesa Teen. / Layout novo.
Se inscreve? / Meu vlog.
Também acho ^^
ExcluirFicou uma graça!
ResponderExcluiramei!
Bjus♥
Do Meu Jeito - Blog
@TainaraRezende
Obrigada, bom que achou :3
ExcluirFica bem legal, adorei!
ResponderExcluirBeijos, Letícia.
Desconstruindo Amélia
Obrigada, bom que gostou ^3^
Excluirficou lindo o resultado, adorei!
ResponderExcluirhttp://conectadas2.blogspot.com.br/
Te indiquei para responder uma tag: Conhecendo a Blogueira. Espero que você responda, beijos.
ResponderExcluirhttp://garotadonordeste.blogspot.com.br
Obrigada, mas eu não aceito mais tags nem selinhos ^^
ExcluirOtimo tuto esta função é super útil quando esta correndo na postagem ^^. Gostei do Efeito parabéns mocinha ^^
ResponderExcluir(⁀‵⁀) ∞ ღ ∞
.`⋎´ღ¸.•°*”˜˜”*°•ღ
▓
▓ ღღ Dany's Place
▓ ღღ Tutorial
___________________
▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓( ᐵ ᗜ ᑈ)ᘉ
Ooown, brigada ><
ExcluirAdoreiii o tutorial, fica bem mais bonito o blockquote
ResponderExcluirAdoreiAdorei
bjinhos
http://chuvadesonhooficial.blogspot.com.br/
Obrigada, bom que gostou *3*
ExcluirGostei, muito bom seus tutoriais.
ResponderExcluirhttp://simples-e-agradavel-bloog.blogspot.com.br/
Adorei a dica em breve vou tentar fazer!
ResponderExcluirTem novo post, confere.
Beijoos
http://www.garotasligadascom.blogspot.com.br
Aaah, okok ^^
ExcluirNão adianta cara, eu me dou mega mal SEMPRE em html :c
ResponderExcluirBeijos ♥
ilovecantores.blogspot.com
Aaaah :C
ExcluirFica bem legal mesmo!!!
ResponderExcluirBjooO
Doida por Esmaltes
Bom que acha :D
ExcluirAdorei essa dica *-*
ResponderExcluirEstou seguindo o blog
Beijos
http://blog-puro-glamour.blogspot.com.br/
Obrigada, bom que gostou ^u^
Excluirfica diwo o3o só que retardados como eu ficam meia hora passando o mouse na bloquote fkaskfaskdfaksdfksakkdfkasfkasdkfskafkskdkfsakdfkadsfaksdfkaskfaskfa
ResponderExcluirOk, ashuashuashuas ><
ExcluirAmei o tuto. O blockquote fica lindo assim! Eu fiquei meia hora "me divertindo" com o seu blockquote haha.
ResponderExcluirBeijos
universoteengirl-porlarissa.blogspot.com
Ooown, brigada Lari, fico feliz que tenha gostado ><
ExcluirTambém faço isso! hahaha ><
Gostei do tutorial , fica muito bonito *--*
ResponderExcluirBeijos,
modicesdemenina.blogspot.com
Obrigada, bom que gostou :3
Excluirrsrs legal,adorei o tuto.
ResponderExcluirBeijos
Amora R.
Amei o tutoria, a Bloquote hover é linda *-* Amei a do meu blog (By Diva, Paula) u_u
ResponderExcluirBeijos :3
http://garotasatrevidas-s2.blogspot.com.br/
*tutorial*
Excluir#Momento eu analfabeta u_u
Ooown, bom que gostou ><
ExcluirAdorei esse tuto, tava precisando de um blockquote personalizado esses dias, mas agora já achei. Vou ver se ponho esse...
ResponderExcluirBeijos
neversaynever-believe.blogspot.com.br
Aaah, okok ^^
ExcluirQue Bacana o tutorial Paulinha *---*
ResponderExcluirAdorei, vou usar, claro, com os créditos.
Beijocas
Eternal-Bella.Blogspot.Com (Fechado)
Obrigada, bom que gostou ^^
ExcluirOkok
Adore o tuto, é um pequeno detalhe mas fica tão bonitinho >.<
ResponderExcluirBeijinhos
Facebook do blog
conversando-com-a-lua.blogspot.com.br
Obrigada, bom que gostou ^u^
ExcluirTutorial perfeito *-*
ResponderExcluirGostei muito!
Beijos,
sonhosde-primavera.blogspot.com.br