Gerador de Botões Siga-me Flutuantes Dicadedica


Olá, Vocês devem ter reparado nos botões siga-me aqui do blogger ao lado direito da página, eles dão ao usuário o acesso as páginas do Twitter, Google Buzz e ao Rss do blog.

Para colocar esses botões flutuando com os links que vocês quiserem é só seguir os 3 passos:

1 - preencher o campo (1) com o endereço do seu link do twitter por exemplo
2 - Clicar em um dos botões do campo (3) correspondente ao link que você colocou.
3 - Na parte inferior desta página irá aparecer o código do widget campo (4), para você copiar e colar como elemento de pagina no seu blog.

Aproveite é grátis para quem mantém os créditos!!!!


Gerador de Botões Siga-me Flutuantes





Cole o endereço do link:



Clique para gerar código widget:

 









Copie o código abaixo e add como um elemento de página no seu blog.



Por: Moises Rabelo (Dicadedica)


Versão Corrigida!!!

Tutorial Ícone Adicionar aos Favoritos Crossbrowser e Flutuante no Blogger

Bom dia, ontem fui acionado via Twitter pelo (a) @d20009, com um desafio muito interessante...

"Como faço para usar aquele seu tutorial de imagens e icones flutuantes com um ícone para add aos favoritos no meu blogger?"

Adorei a idéia, e fiz várias tentativas, porem descobri que o código que funcionava no Mozila Firefox, não funcionava no internet explorer ai eu descobri um código crossbroser mais que era incompatível com o blogger e seria necessário hospedar um arquivo .js em um servidor aparte...

O mais importante é que descobri outro código que funciona perfeitamente, depois ajustei ele para ficar flutuante e coloquei a imagem da latinha com a estrela que já havia baixado no tutorial anterior e pronto.

Segue abaixo o script para ser add como widget (Elemento de página gadget) no painel de controle do blogger, ainda não testei no wordpress, mais acredito que não ha nada que impossibilite o seu funcionamento, se alguém testar avisa aqui pra galera ok....



Código do wídget


<script language="JavaScript" type="text/JavaScript">
function favoritos() {
if ( navigator.appName != 'Microsoft Internet Explorer' )
{ window.sidebar.addPanel("Muito mais do que dicas para
Blogs
","http://dicas.dicadedica.com","");
}
else { window.external.AddFavorite("http://dicas.dicadedica.com","Muito
mais do que dicas para Blogs
"); } }
// Fonte: dicasparablogs.com.br mais alterações do site dicas.dicadedica.com
</script>
<a href="javascript:void(favoritos());"><img title='Add aos favoritos' style='display:scroll;position:fixed;top:440px;right:-5px;'
src='http://img2.imagedash.com/1gZ9.png'
border='0'></a>

Se o código código anterior der problemas na instalação, instale este com as mesmas modificações...




Altere o que estiver em vermelho pelos paramentos do seu blogger:
  • Titulo do blog
    Muitomais do que dicas para Blogs
  • Endereço do blog
    http://dicas.dicadedica.com
  • Endereço da imagem
    http://img2.imagedash.com/1gZ9.png

Pegue mais ícones grátis aqui
http://dicas.dicadedica.com/2009/07/colocando-imagens-banners-ou-icones-com.html

É isso ai até a próxima dica, você pode informar onde pegou este tutorial caso alguém pergunte foi aqui no Dicadedica. Me add no twitter ok!!! t+

Colocando imagens banners ou ícones com links flutuantes no blogger

Viu estes ícones de latinhas de refrigerastes flutuando no blog? são bem atrativos não!!! acabei de colocar e pretendo conseguir bons seguidos no meu twitter e rss.

Ficou de olho né? Pode pegar , aqui eu vou encinar como para colocar de forma simples estas e outras imagens de ícones com links flutuando suspensa no seu blogger!

Basta copiar o código com as devidas alterações em azul e colar o código abaixo como elemento de pagina javascript/html.


Código da imagem flutuante do twitter:


<a style="display:scroll;position:fixed;top:200px;right:5px;" target="_blank"
href="https://twitter.com/dicadedica" title="Siga-me no Twitter"><img src="http://cache02.us.twitfs.com/Download/7/20090714/4140252/icontexto-drink-web20-twitter.png"/></a>




Pode ser qualquer imagem ou banner é só trocar os valores:

Posição:
  • top ou buton 200
magrgem direita:
  • right 5px
Endereço do link:
  • href="https://twitter.com/dicadedica"
Endereço da imagem:
  • img src="http://cache02.us.twitfs.com/Download/7/20090714/4140252/icontexto-drink-web20-twitter.png"

Ícones de latinhas social networks grátis aqui:
Baixar

Faça upload das imagens para um servidor storage gratuito aqui:
Imagedash (banco de imagens gratuito)

Outros elementos de pagina suspensos
Widgets flutuantes dicadedica

http://dicas.dicadedica.com/2009/07/tutorial-blogger-menu-de-rolamento.html
Fácil né, espero que tenham gostado e me siga no twitter ok!!!

Tutorial Blogger: Menu de Rolamento Automático e Flutuante de Páginas

Me surpreendi com o sucesso que fez este menu flutuante!!!
E Mau terminei o código do menu suspenso para rolamento de página automaticamente e já tem blogger divulgando como inserir... não me importo desde que citem as fontes. :p

Estou falando deste menu aqui que rola pra cima ou para baixo ao passar o mouse sobre ele, que coloquei inicialmente na parte inferior direita da página e hoje está no topo.

Aqui no blog você tem visto vários elementos suspensos e flutuante:


Para inserir é simples é só clicar e add como elemento de página do seu blogger:
Favor não retire os créditos para que outros também possam usufruir das dicas, ok!!! qualquer dúvida é só comentar!!!

Clique neste botão para colocar no seu blogger: