terça-feira, 3 de fevereiro de 2015

Botões Borboletas






Substitua os links de cada página desejada.
<style type="text/css"><!--.botao  {position:absolute;top:20px;left:50px;margin:0px;padding:0px;}.botao a, .botao a:visited{font: bold 12px/24px arial, helvetica, sans-aerif;padding:0px;text-decoration: none;text-align:center; color:#fff;background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6jOvK2gT7lOA0ggS5EGt_pK4UJqGB5eOksRnp6LhVc4ayt6VwtZaZDb7NqW2gkJPFZAWsX58hwoEBfqnblQvu1qHVUo2wJ6ynT5OrmMMCLZPARQCK_q3C7emJmTWcQu3wO9FOAUl3VW8/s1600/Borboleta.png') no-repeat center center;width:80px;height:80px; display:block;}.botao a:hover {background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1ErSVooa7h-WcQGL3Tsisww9jEf397juZJhq6EbnMfRFiW760PYqu3qocHmwABs8rB_j-CAMKm9F5lMjxB9ySCs606rOVEcwHs5JcI-3wJcZXNW8rzfcaF_pHM9wWecjnbdHvT-vy7Tk/s1600/borboleta8.gif') no-repeat center center;color:#999;}--></style><p class="botao"><a href="http://blogdetesteblogeta.blogspot.com.br/p/mensagem-para-o-autor.html"rel="shadowbox; title="Meu Link">Autor</a><a href="http://blogdetesteblogeta.blogspot.com.br/p/contato.html"rel="shadowbox; title="Meu Link">Contato</a><a href="http://blogdetesteblogeta.blogspot.com.br"rel="shadowbox; title="Meu Link">Principal</a></p><img style="border:0;" src="" alt="" /></p>
</div><script><!--document.write(unescape(""));//--></script><div style="position:fixed; bottom:620px; left:0px;"><a href="http://goo.gl/ZF7Srz" target="_blank" class="tfc"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG9kG1tmDBNS4Gdv4Pkwzp8cdflwzB_83Fj4hTCrB8l6a8A-5sY3LwcONq64AyQK3soQuOUSO8dJgxYCPSseWtde2wxbB06OWopAoRLX99PZpTkCW1XNILZ4N0Zg1kSm4zn_8R99iqTiQ/s1600/ani" border="0" width="21" height="14" alt="Manual na Rede http:manualnarede.blogspot.com.br" /></a></div>


Veja outro modelo interessante.

Esse outros modelos que eu personalizei... é bem simples de colocar, é um modelo de botões que fica fixo no lado direito do seu blog. Veja um exemplo clicando na imagem abaixo.












Como editar os botões para que sejam direcionados nas páginas que você quiser? Veja clicando na imagem abaixo. 



Perceba que os links destacados em branco, são os links que você deve substituir pelos links do seu Blog , é importante você escolher o modelo que mais gostou, copiar o código e depois editar em algum documento.

Após editado, colar em Layout > Adicionar um Gadjet > HTML/JavaScript > Colar e Salvar.

Nenhum comentário:

Comentários dos visitantes

Comentários Disqs e blogger


Formulário teclado

notifikasi
close