Bom dia.
Trouxe hoje um tutorial diferente, um efeito que você provavelmente não encontrará em outros blogs. Como sabem, eu tenho vicio em 4 coisas = Videogames, Animes, blogger e o Tumblr. Achei esse efeito super perfeito para os gadgets de Postadoras. Vejam, o efeito é esse.
A adaptação para blogger foi feita por mim, então se for usar, peço para que por favor creditem, ok?
Agora vamos ao tutorial !
Vá ao seu HTML, e pesquise por <head>, a baixo , cole isso:
Agora vamos ao tutorial !
Vá ao seu HTML, e pesquise por <head>, a baixo , cole isso:
Clique AQUI para visualizar o código.
Agora salve. Depois disso, pesquise pelo nosso famoso ]]></b:skin>, e a cima, cole esse código :
.photo {position:relative;font-family:arial;overflow:hidden;border:2px solid #Cor da borda;width:Alturapx;height:Largurapx; margin:5px; float:left;} .photo .heading,.photo .caption{position:absolute;background:#fff;height:30px;width:160px;opacity:0.6;} .photo .heading{top:-50px; text-align:center; float:center;} .photo .caption{bottom:-50px;left:0px; text-align:center; float:center;} .photo .heading span{color:#000;top:-50px;font-weight:bold; display:inline-block; padding:5px 0 0 10px; text-align:center; float:center; font-family:play; font-size:15px;} .photo .caption span{color:#000;font-size:9px;display:inline-block;padding:5px 10px 0 10px; font-family:play; text-transform:uppercase;}Simples, não ? Modifique o que está em negrito, e agora, a parte mais simples:
-Vá no seu gadget de HTML/JavaScript e cole:
div class="photo"><div class="heading"><span>Nome da pessoa</span></div> <a href = "blog da pessoa"><img src="url da imagem" alt=""/></a> <div class="caption"><span>escreve aqui alguma coisa</span></div> </div>
Então? Gostaram do tutorial ?
Amei esse efeito nunca tinha visto antes é lindo .
ResponderExcluirhttp://meucupcakedemorango.blogspot.com.br/
Ain, obrigada C:
ExcluirEle nunca foi usado em blogs, fica sempre no tumblr ^^'
Adorei, ainda não tinha visto ainda ;) Só não uso por q só eu mesma q posto no meu blog.
ResponderExcluirbjoos
http://blog-purpleparty.blogspot.com.br/
^^. Obrigada !
ExcluirOi amor, tudo bom? Eu estou comentando desse tumblr que é da minha prima, só pra falar com você, haha. Primeiramente, eu amo muito seu blog, nossa demais cara, o seu design é perfeito e suas ilustrações mais ainda! Você tem uma vaga de postadora, isso pra mim é muito legal! Eu tenho um blog, ele é novo, não tem nem uma semana, mas é lá que se concentram meus posts, é o pietracostantin.blogspot.com, seria uma grande honra postar no seu!. Fale comigo por e-mail: pcostantin@uol.com.br, estou realmente querendo isso! Kissus
ResponderExcluirIgnore a parte do tumblr, eu ia mandar pela ask haha.
ExcluirAin, obrigada pelos elogios, e para saber mais sobre isso de ser postadora, eu expliquei na pagina "Regras" . Dá uma conferida lá :3
ExcluirQue efeito legal *U* ' awwwn , leh o blog ta perfeito, posso te pedir um favor? poderia divulgar é claro se puder, é porque é novo c:
ResponderExcluirkawaii-expllosion.blogspot.com
Ain, obrigada C:
ExcluirClaro, eu Divulgo sim senhora ;3
Amanhã teremos joguinho, participe e terá mais chances *-*
Omg que bonitinho,para variar fiquei passando o mouse em cima ^^ hihi
ResponderExcluirBeijos,seguindo =**
cotidianodeumabarbie.blogspot.com
Ain, obrigada C:
ExcluirNossa muito lindo, amei!!
ResponderExcluirhttp://cantinhogc.blogspot.com.br/
Obrigada, flor *u*
Excluiruau seu blog e super original. beijos
ResponderExcluirhttp://cherrycharming.blogspot.com.br
Ain, obrigada *-*
Excluirque efeito massa! se eu tivesse blog faria ele sim!
ResponderExcluirAin obrigada *u*
Excluiroiee ameei seu blog estou tt seguindo segue de volta???
ResponderExcluiralinepriscila.blogspot.com
bjkksss da aline...
Obrigada C:
ExcluirClaro !
(: Ótimo tuto !
ResponderExcluirDepois tento fazer no
meu blog :33
Ameei aqui . Seguindo '
Não sei se chegou conhecer '' O brilho das estrelas '' então eu fiquei uns meses sem postar nele aí quando voltei agora deu problema :(
Então tive que fazer outro blog (:
Então se não for nenhuum encomodo
poderia segui-ló ??
Mil beeijoos (:
http://pensamento-jhenny.blogspot.com.br/
Obrigada C:
ExcluirSigo sim, com certeza !
Não, não conheci, mas esse novo eu vou ficar sempre vendo u_u
Eu não tinha visto esse efeito antes, é lindo!
ResponderExcluirImagina usando no gadget de afiliados com a sigla dos blogs? Deve ficar perfeito!
Beijos...
Explodindo Glitter
^^ obrigada
ExcluirDeve ficar uma gracinha ^^
Ameei o efeito *o* é lindo ^^
ResponderExcluir#Bezoos~~> Kashmeres.blogspot.com (meu novo blog,se puder seguir,comentar,agradecemos,também retribuimos)
Ain, obrigada C:
ResponderExcluirAmei o tutorial e o blog. Liiiiindo *-*
ResponderExcluirJá tô seguindo flor.
Beijos!
Pingente de Borboleta
Ain, obrigada *u*
ExcluirGenteee muito fofo! Sério, adorei. Eu amo efeitos ♥
ResponderExcluirMeu Mundinho Colorido
Ain, obrigada C:
ExcluirOi fofa!! Tudo bom?? Olha estou te convidando para ser afiliado do meu blog! aceita??
ResponderExcluirbloguitodajujusinha.blogspot.com
Basta segui-lo!! Obg pela atenção e desculpe te incomodar!!
Juju
Ain, amore, as vagas se acabaram, quem sabe quando eu abrir mais vagas, né ?
ExcluirAmei esse efeito , super charmoso eu amo esses efeitos. Não o conhecia mesmo. Só não uso lá no blog porque não tenho postadora mas talvez dê para adaptá-lo.
ResponderExcluirSeu blog como sempre está maravilhoso e com ótimas postagens ! (:
Parabéens mesmo , Boas Festas ! (:
Beijins , a paz de Christ ;* ;*
>> http://girls-of-christ.blogspot.com.br/
Ah, que bom que gostou *u*
ExcluirE obrigada pelo elogio *-*
Esse efeito é ótimo para gadget de destaque e equipe a-do-re-i!
ResponderExcluirTem selinho pra você vou deixar o URL da imagem:
http://1.bp.blogspot.com/-WAoN9eyyELI/UNDKy8RmfAI/AAAAAAAAAU0/cdoymJCxah4/s1600/selinho.png
Beijos
Ain, obrigada C:
ExcluirQue efeito lindo *O* Achei bem charmoso.
ResponderExcluirObrigada pela visita, estou seguindo aqui ♥
chokawai.blogspot.com.br
Ain obrigada *-*
ExcluirOi linda meu e-mail ta aqui pode me colocar como postadoras,eu posso postar o dia que eu quiser?
ResponderExcluirdepoisdostrezes@hotmail.com
Bom, querida, no momento não estamos "recrutando" novas postadoras, desculpe.
ExcluirDá uma olhadinha na página de regras, quem sabe responda alguma dúvida sua, ok?
Oiie lindo seu blog, já estou seguindo e seria um prazer ter vc lá no nosso blog!!
ResponderExcluirhttp://sillyprinces.blogspot.com.br/
Ain, obrigada ;]
ExcluirLindo esse Efeito!
ResponderExcluirAmei a dica!
seguindo
segue?
Www.golden-mila.blogspot.com
Ah, obrigada ^^
Excluiro efeito é bem legal, já tinha visto em alguns blogs mas não sabia fazer '-'
ResponderExcluirEsse efeito tem sempre em tumblrs. ^^.
ExcluirOi,
ResponderExcluirestava dando uma olhadinha no seu blog e gostei de mais dele.
ja estou seguindo :)
se quiser olhar o meu blog e seguir se gostar vou agradecer http://entrelacosebigodes.blogspot.com.br/
beijinhos^^