Gadget de Autores efeito legenda

Yoo

trouxe este tutorial para

vcs aprenderem como colocar esta gadget

ok?

Vamos lá

Enjoy~~

      Primeiro vá em Design/Editar HTML e procure por:
]]></b:skin>



E ACIMA desta tag cole:


figure { display: block; position: relative; float: left; overflow: hidden; margin: 0 10px 10px 0; -moz-transition: all 0.6s ease; } figcaption { position: absolute; margin-bottom: 10px; background: #000000; background-color: #000000; color: #FFFFFF; padding: 3px 3px; opacity: 0; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; } figure:hover figcaption { opacity: 0.9; } figure:before { content: "?"; position: absolute; font-weight: 800; background: #ff55a9; background: #ff55a9; text-shadow: 0 0 5px white; color: #FFF; width: 24px; height: 24px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; text-align: center; font-size: 14px; line-height: 24px; -moz-transition: all 0.6s ease; opacity: 0.75; } figure:hover:before { opacity: 0; } .cap-left:before { bottom: 10px; left: 10px; } .cap-left figcaption { bottom: 0; left: -30%; } .cap-left:hover figcaption { left: 0; }
Depois Vá em Layout/Adicionar Gadget/HTMLJavascript e cole:

<figure class="cap-left"> <img src="LINK DAIMAGEM" alt="" /> <figcaption>TEXTO</figcaption>

E pronto
Fácil né?