Blockquote é tipo uma caixinha que você põe nos textos para destacar alguma citação.
Veja um exemplo:
Oi, eu sou um blockquote :)
Hoje vamos aprender como por isso no seu blog! É bem simples, basta fazer tudo certinho.
Abra seu blog, clique em Design > Editar HTML.
Aperte Ctrl+F e na caixa de pesquisa coloque: ]]></b:skin>
Cole acima de ]]></b:skin> , o seguinte código:
.post blockquote {
background:url(LINK DA IMAGEM DE FUNDO AQUI) ; /*Altere o fundo como preferir*/
border:2px dashed #2b2a59; /*Altere a cor da borda como preferir*/
padding: 5px;
margin:10px 20px 10px 20px;
}
Agora é só alterar conforme quiser. Substitua LINK DA IMAGEM DE FUNDO AQUI pelo link da imagem que vc quer por no fundo do blockquote.
Se quiser colocar apenas cor de fundo, substitua url(LINK DA IMAGEM DE FUNDO AQUI) por: #código da cor.
Mude também a cor da borda se quiser, é só alterar o código da cor. Pra aumentar a espessura da borda é só modificar 2px pelo valor que quiser.
Depois de modificar tudo, salve! ^^
Quando quiser usar o blockquote nos posts , é só clicar naquele botão com aspas:
Espero que tenham gostado! Kissus.
Hey meninas, tdu bem?
ResponderExcluirEu queria fazer um pedido. Tem como vocês fazerem um tutorial de como mudar o cursor no blogger?
Obrigada.
Beijos :*
Este comentário foi removido pelo autor.
ExcluirAi amei amiga !! No meu blog ficou super lindo *-* visita ? marrylins.blogspot.com
ExcluirJá foi feito esse tutorial. Se voce olhar na aba "Godies" voce irá encontrar.
ExcluirBjs,linda!
Amei esse tuto! vou fazer agora mesmo! beijos
ResponderExcluirhttp://thegossipfame.blogspot.com
Nossa super interessante, concerteza irei fazer o mesmo!! Amei o tutorial, sempre queria destacar alguma coisa...
ResponderExcluirXOXO,
bonequinhadeluxo10.blogspot.com
Muito legal isso, eu já fiz uma vez mas tirei sem querer a agora consegui graças a vocês ^^ beijos obrigada.
ResponderExcluirAdorei!
ResponderExcluirFunciona muito bem,
Beijinhos =*
www.fanaticospornoticia.tk
O cursor do blog chama favicom e e muiito facil editar.
ResponderExcluirAmei o tutorial um capricho *--*
Nãão amor! O favicon é aquela imagem que fica ao lado do nome de seu blog, vc também pode editá-lo, de uma maneira beeem fácil.
ExcluirJá o cursor é a setinha que você mexe para clicar, e etc. Vc pode mudar a do seu pc, ou simplesmentee a do seu blog, e a liah já ensinou!!
beijos e desculpa o incomodo viu??
Ameei o tuto vou fazer agora no blogger.
ResponderExcluirTava precisando mesmo!
ResponderExcluirameei muito o tuto \oo consegui ficou bem fofo *-*
ResponderExcluirameei muito o tuto \oo consegui ficou bem fofo *-*
ResponderExcluirComo eu coloco mais de um blockquote no mesmo post? alguem me ajuda? '-'
ResponderExcluirbrigadinha. :*
Liah, no meu blog não funciona, só fica o blockquote em branco. mas fiz tudo certinho!
ResponderExcluirÉ por causa do layout?
Acho dificil ser por causa do layout, pq ele funciona em todos. Talvez o link da imagem esteja quebrado, tente usar só cor como plano de fundo pra ver se funciona.
ResponderExcluirAd áliaSá, adalia-sa@hotmail.comBlog: http://cherry-liah.blogspot.comTwitter: @HeyLiah
Subject: [cherryliah] Re: http://cherry-liah.blogspot.com/2011/02/personalizar-blockquote-do-blog.html
quero ser afiliada tah?
ResponderExcluirbj
http://a-vida-no-ballet.blogspot.com/
que fácil isso né ? E eu achando que ia me complicar toda D;
ResponderExcluirAwwn , amei o tuto Liah ;*
Estranho, todo tutorial que envonve o dá errado, eu colo certinho, mas saí errado. Não sei se a culpa é minha que estou fazendo errado ou pela quantidade de tutoriais que utilizam ele que estou usando. Ótimo tutorial! :)
ResponderExcluirtext-decoration: #FFFFFF; q *_*
ResponderExcluirhum, não sei o que pode estar dando errado... Mas vc conseguiu colocar esse?
ResponderExcluirNão mas no meu blog teste só consegui fazer apenas um tutorial com o <*/b:skin>, acho que é pela quantidade que eu uso mesmo.
ResponderExcluirLiah, não sei o que houve, mas não deu certo no meu blog :/ Mas o tutorial tá muito bom, bem explicado e pá, acho que o problema é meu blog mesmo. O que eu faço?
ResponderExcluirNão funcionou linda, eu peguei outro código em outro blog, mais simples, mas esse funcionou. Mas obrigada mesmo assim.
ResponderExcluirUsei no meu blog. Dá uma olhada? http://baggirl-bg.blogspot.com/
ResponderExcluirAmei, usando♥
ResponderExcluirUsei no meu blog, dá uma olhada?
ResponderExcluirhttp://nut-tv.blogspot.com/
Não deu certo ;/
ResponderExcluirnão deu certo
ResponderExcluirNão deu certo!
ResponderExcluirDeu super certinho ! :D
ResponderExcluirNão deu certo Liah, coloquei tudo certinho - mais infelizmente não deu );
ResponderExcluirO blockquote fica invisivel ....
liah nunca da certo o que estou fazendo de errado?
ResponderExcluirDeu certinho *-*
ResponderExcluirHiper-util, o meu blokquote é hover, mas, assim também fica muuuuito cute *-*
ResponderExcluirBeijos.
Blog Da Vic ♥
Não deu certo,
ResponderExcluircoloquei tudo certinho
mais infelizmente não deu
O blockquote fica invisível.
Ótima semana pra você!
Beijos!
http://neiabenevides11.blogspot.com/
Ameeei!
ResponderExcluirSó deu um pequeno probleminha,não fica retinho :'(
Mas ok né U.U
http://bolodemorango.blogspot.com.br/
O meu nunca funciona!Quer dizer,no meu blog (especificamente o official biacmenezes.blogspot.com.br) não funciona!!!No outro sim mas neste não.Buááááá
ResponderExcluirPlease,me diga o q estah acontecendo.Tds os tutos que envolvem blockquote dão errado!o blockquote fica invisivel buaaa!Eu precisava dele.
ResponderExcluirbiacmenezes.blogspot.com.br
Uau super show seu tutorial de Blockquote (^-^)' ajudou bastante, mas edite o tutorial ok ;) há um erro é que você diz que temos que colar o código logo em cima de ]]> sendo que, temos que colar o código em "/* Posts" enfim, ajudou muito, e espero que este meu comentário também possa ajudar pessoas que estão com essa dificuldade. Arigatoo...
ResponderExcluirby: Gruung Bloo
http://ophera-phantom.blogspot.com.br/
Visite-me, abri recentimente!
Sucesso... (^-^)
Adoreeei esse *-*
ResponderExcluirMuito boooom ;]
photoscapeforme.blogspot.com
Estava mt precisando desse tuto ! Obg pela dica ! ^^
ResponderExcluirBjs, Stardolleiras
no meu naum deu certo, fica invisivel. =(
ResponderExcluirNo meu blog, coloquei um cursor diferente, e, quando eu coloco esse efeito, volta a ser a setinha branca e o outro cursor some.
ResponderExcluirhttp://spectrasdiary.blogspot.com.br/
Oiii *-*
ResponderExcluirAmei demais seu blog , simplesmente lindo , sou uma blogueira novata e estava procurando toturiais para poder fazer um layout para meu blog , e praticamente consegui fazer tudo direitinho graças a seus toturiais (incluindo este)e gostei muito do resultado :D
(Creditei tudo claro)
Já agora eu tenho um problem :/
Há uns tempos estava vendo um toturial aqui para personalizar o gadgets , usei e ficou muito cute , ficou com a parte de cima achatada e por baixo arredondada.
Mas agora eu queria por como estava antes e não consigo tirar ele , já tentei mudar modelos mas aquilo fico mesmo no gadget.
Podia ajudar-me por favor?
Dá uma olhadinha aí perfectometixa.blogspot.com , e veja se me pode ajudar por favor , eu não consigo tirar aquilo mesmo!
Beijinhos
Já disse que amo esse blog!? Pois então, AMOOOOOOOOOOOOOOOOOOO <3 Amei o tuto :D
ResponderExcluirÓtimo tuto! Créditos eternos lá no meu blog OIEPOWQIE-
ResponderExcluirKisses
space-sweet-girl.blogspot.com.br
Liah vc sabe q te plagiaram nesse post ? vê : http://blog-curiosidadesteen.blogspot.com.br/2012/06/personalizar-blockquote-do-blog.html ! kiss ! http://she-dream-with-paradise.blogspot.com.br/
ResponderExcluirOi Liah!! Adorei o tuto. Vc poderia fazer um de como mostrar as fotos do instagram q nem tem no seu blog! Obg
ResponderExcluirNão funcionou!!!!!
ResponderExcluirsanduichedeassunto|blogspot
Obrigada! Amei o tuto
ResponderExcluirJá faz um tempo que visito o Cherry Bomb e já usei alguns tutoriais, você uma diva. E mais uma vez usei outro tutorial daqui, modifiquei um pouco mas o resultado ficou divo.
ResponderExcluirBeijos linda
Meu blog: http://themidnightdesign.blogspot.com
otimo! testei no meu blog!
ResponderExcluirhttp://gibiseciagratis.blogspot.com
Muito bom! eu queria fazer um pedido,queria saber como personalizar o gadget ''Assuntos'' tipo o teu assim,e na pagina de goodies também,queria saber como fazer aquilo,Obrigado (; Adoro seu blog.
ResponderExcluirPessoal, vocês podem usar este código: .post blockquote{ margin:10px auto; padding:10px; border-radius:10px; text-align:justify; /*Alinhamento do texto*/ background:#696969; /*Cor de fundo*/ border:#ccc 2px solid; /*Cor e estilo da borda*/ é só colar antes/acima da tag: ]]>
ResponderExcluiré muito mais fácil^^!
Eu usei ta? Mas eu coloquei os créditos ^^
ResponderExcluirMeu blog: http://joaneta-chan.blogspot.com.br/
Obrigado pela ajuda ^^
ResponderExcluirhttp://confissoesdumaotaku.blogspot.com.br/
usando e creditando!
ResponderExcluirrecantodafadaalice.blogspot.com.br/
Adorei Liah, adoro essas coisas, mas infelizmente o meu blog não é do tema Travel... Eu não sei mexer no modelo Travel, não sei tirar aquele sombreado que fica quase no blog inteiro, acho feio então...
ResponderExcluirAdorei o Post Liah,Foi Muito Util,Obrigadinho,e..Beijinhos
ResponderExcluirContinue Assim..Adoro O Cherry <33
*-* adorei
ResponderExcluirConsegui, adorei o post, obrigada!
ResponderExcluirhttp://leticiakoliveira.blogspot.com.br/
Muito bom seu tutorial
ResponderExcluirMais não funcionou
ExcluirOiee, adorei o tutorial mas quando fui na minha área de html não tinha o ]]> . E agora? Como eu faço???
ResponderExcluirBeijos
ameei
ResponderExcluir