Whippin' in the car with you, you, you.Hey! Hey! Hoje vou ensinar como personalizar a legenda padrao que o blogger, que podemos ativar facilmente clicando em uma imagem e indo no icone "Adicionar legenda", mas sejamos sinceros ela e muito feia rs. Entao decidi fazer uma postagem que quase nunca vi por ai, como personalizar elas. Aqui no blog ja ensinei duas formas de aplicar legendas nas imagens e personaliza-las, onde pode ver aqui [modo1], [modo2] porem ao utilizar um desses dois modos voce e obrigado a aplicar em todos os seus futuros layout's, pois diferente da legenda padrao do blog que fica em baixo da imagem eles ficam desalinhados sem seus estilos.1) Em alguma postagem, adicione uma imagem. Clique sobre ela, abaixo dela vai aparecer um menu de navegacao com algumas opcoes "Pequena, Grande, Muito Grande e Legenda" selecione legenda. Abaixo da imagem vai abrir um pequeno espaco onde pode escrever livremente o que deseja, nao aconselho texto grande se quiser usar a legenda sobre a imagem em vez de embaixo dela. 2) Agora va ate o HTML do seu blog, ative a pesquisa ativando Ctrl+F, dentro da caixa de pesquisa cole ]]></b:skin>, e acima dele cole: td.tr-caption {font-size:12.5px !important; /* TAMANHO DA FONTE */background-color: #000000; /* COR DE FUNDO DA LEGENDA */display: inline;color: #ffffff; /* COR DA FONTE DA LEGENDA */font-family: Arial, sans-serif !important; /* TAMANHO DA FONTE */padding: 10px;margin-top: -75px; /* DISTANCIA EM RELACAO AO TOPO DA IMAGEM */float: left; /* POSICIONAMENTO DA LEGENDA, ALTERE PARA RIGHT SE DESEJAR */position: relative;margin-left: 10px;margin-bottom: -20px; /* DISTANCIA EM RELACAO A BASE DA IMAGEM*/line-height: 120%;text-transform:none;letter-spacing: .025em;}td.tr-caption a:link, td.tr-caption a:visited {color:#fff;}.tr-caption-container {margin-left:8.5px;}.tr-caption-container img {margin-bottom:10px;} Um segundo modelo personalizado:.tr-caption {opacity: 0.5;background: #e6e0dc;outline-offset: -2px;outline: 1px solid #fff;position: relative;top: -25px;padding: 2px;font-family: silkscreen;font-size: 8px!important;color: #fff;text-shadow: 1px 1px 0px #c7bdb7;text-align: center;-webkit-transition-duration: .60s;-moz-transition-duration: .60s;-o-transition-duration: .60s;transition-duration: .60s;}.tr-caption:hover {color: #fff;background: #c486a8;text-shadow: 1px 1px 1px #a85b83;letter-spacing: 1px;-webkit-transition-duration: .60s;-moz-transition-duration: .60s;-o-transition-duration: .60s;transition-duration: .60s;}Pronto! Agora e so personalizar como desejar. =) td.tr-caption {font-size:12.5px !important; /* TAMANHO DA FONTE */background: rgba(105, 105, 105, 0.2); /* COR DE FUNDO DA LEGENDA */display: inline;color: rgba(255, 255, 255, 0.8); /* COR DA FONTE DA LEGENDA */font-family: calibri, sans-serif !important; /* TAMANHO DA FONTE */padding: 10px;margin-top: -134px; /* DISTANCIA EM RELACAO AO TOPO DA IMAGEM */float: right; /* POSICIONAMENTO DA LEGENDA, ALTERE PARA RIGHT SE DESEJAR */position: relative;margin-right: 15px;margin-left: 25px;margin-bottom: -80px; /* DISTANCIA EM RELACAO A BASE DA IMAGEM*/line-height: 120%;text-transform:none;font-style:italic;letter-spacing: .025em;outline-offset: -5px;outline: 1px dashed rgba(255, 255, 255, 0.3);}td.tr-caption a:link, td.tr-caption a:visited {color:#fff;}.tr-caption-container {margin-left:8.5px;}.tr-caption-container img {margin-bottom:-14px;} Yo! Yo! Yo! Hoje irei atender alguns pedidos de postagens e irei visitar os ultimos comentaristas. Esses dias estava visitando um site e achei muito interessante sua selecao, ao selecionar um trecho do texto da postagem, abria um botao para compartilhamento. Isso e muito legal! Pois se tiver um blog de texto ou poesia, uma pessoa pode compartilhar por achar interessante algum trecho, alem do blogueiro ganhar divulgacao. Clique aqui para ver o estiloSendo assim sai na busca desse tutorial, com um pouquinho de custo consegui achar um. Nao e igual ao do site que havia visto, porem possui a mesma funcao. O legal de