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!!!!
| |
Copie o código abaixo e add como um elemento de página no seu blog.
Por: Moises Rabelo (Dicadedica)
Gostou comenta!!!
Top 10 Melhores Dicas para Blogger de 2009 - (Retrospectiva Dicadedica)
![[Print_dicadedica.png]](http://lh4.ggpht.com/_eZ4RDyPwpoA/SgxOk8fwPEI/AAAAAAAAA_Y/9SkRprwTMPM/s200/Print_dicadedica.png)
Hoje resolvi fazer uma retrô sobre as melhores dicas do Dicadedica para blogger de 2009, você encontra dicas de SEO, Tutoriais para edição do template, rede sociais, web 2.0, widgets e tudo de útil para o seu blog, Confira!!!
- Widget Te linko de volta: Blogger, Hack, RSS_Feeds, Widget
Adicione um link no do dica dedica no seu blog e ganhe um link de volta altomaticamente, e disponibilize um widget que faz isso no seu blog para aumentar suas visitas.
Então para descobrir os últimos blogs que postaram links para suas postagens ou para sua página inicial ou add esse widget, apenas siga os seguintes passos...
Leia Mais.
- Aprenda a posicionar elementos div usando CSS no Blogger
Leia mais.
Você quer posicionar um widget, banner, texto ou qualquer elemento de página na tela usando CSS? isso parecia difícil e complicado, agora mais fácil, pegue seu código javascript ou Html de um widget contendo texto, formulários, banners, imagens ou qualquer outro elemento e ....
- Adicionar aos favoritos Crossbrowser e Flutuantes
Via twitter a seguidora @d20009 me pediu para criar um widget para add aos favoritos,
Adorei a idéia, e fiz várias tentativas, porém descobri que meu o código não funcionava no
Mozila Firefox porem descobri uma forma de fazer funcionar em todos os navegadores que testei e...
Leia mais.
- Ocultando a barra Blogger com MouseHuver
Tutorial encina de forma rápida e simples como ocultar a navbar do blogger ao passar o mouse em cima, usando css e ...
Leia mais.
- Miniatura das postagens e leia mais no rodapé do blogger
É só olhar no final das postagens do dicadedica que irá reparar nas miniaturas de outras postagens relacionadas ao assunto que se está lendo, este efeito é obtido usando um plugin widgets do site...
Leia mais. - Mini Joguinho de digitação para colocar no blog
É um ótimo widget que em um click estará instalado no seu blog, esse leve jogo ira prender a atenção dos usuários no seu blog aumentando o trafego e fazendo do seu e permitindo aos ...
Leia mais. - Como colocar imagens e banner entre as postagens do blogger?Este tutorial encina de maneira fácil como colocar imagens e banner no seu blog. Para isso você deve primeiramente fazer uma cópia de segurança do seu template no painel de controle do blogger, depois você...
Leia mais. - Seu blogger com botão add esta postagem ao diHitt
Mostrar quais postagens foram mais votadas no diHitt e ainda permitir aos leitores votarem nas suas postagens, leia este rápido tutorial que encina a colocar...
Leia Mais... - Aprenda sobre o efeto Goobo e como isso pode te ajudar a aumentar as visitas do seu blog
Hoje tudo que aparece em programas de audiência tipo fantástico, bbb 10 e outros assuntos, os internaltas vão logo buscar sobre...
Leia Mais. - Tutorial ensinando a colocar botões <
> no Blogger ...
Tutorial Deixando os links Mais Atraentes: "Postagens mais antigas" para Anterior Início e Próximo
Leia mais.
Hack de digitação para blogger voltou
Sim, a nova versão do curso de digitação em widget para instalar no blogger ou jogar agora com versão para pendrive, você pode escolher em jogar aqui, instalar no seu site ou blogger ou fazer download e jogar off-line no seu computador.Confira é súper fácil começar a praticar sua digitação, sé só clicar no botão que parece o iniciar e boa sorte.
Curso de digitação Grátis Widgets.
Links do dica de widget:
Gadget para controlar a quantidade de copos de agua que você toma por dia
Estou trazendo um Gadget Blogger que ao ser colocado no seu site, permitirá aos leitores saberem quantos copos de agua tomam por dia. mais só funciona se os leitores ficarem o tempo todo com o seu blog aberto. fazendo assim seu suas visitas durarem mais tempo, experimente é grátis e fácil a instalação.Veja ao lado um exemplo de como ficará no seu blog
Para iserir este widget no seu blog clique no botão abaixo e siga as instruções ou siplesmente copie o código e cole como um elemento de página html no seu site ou blog...
Nota:Pode postar sobre isto no seu blog!!
Copos D'agua Widgets.
OU
Copos D'agua Widgets.<center>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="200"
height="262"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0">
<param value="http://www.swfcabin.com/swf-files/1253291166.swf" name="Copos"/>
<param value="high" name="quality"/> <embed pluginspage="http://www.macromedia.com/go/getflashplayer"
quality="high"
width="200" src="http://www.swfcabin.com/swf-files/1253291166.swf" height="262"
type="application/x-shockwave-flash"> </embed> </object></center> <a href="http://dicadewidget.blogspot.com/">Add
Widgets</a>
Hack Gerador de Numeros (Mega-Sena) inserir no blogger
Já teve aquele dia que estava cheio de vontade de jogar e estava se achando com sorte, porem não estava com muita inspiração para escolher o número que gostaria de jogar na mega-sena e acabou jogando o numero 1-2-3-4-5-6 ? então saiba que assim como você milhares de pessoas tiveram essa mesma idéia e essa é a sequencia mais jogada na mega sena, então para você não cair nesse de jogar isso ai, vem esse simples programinha.....O Widget Hack Gerador de numeros da mega-sena, gera sequências de 6 numeros não repetidos e aleatórios de 1 a 60 todas as vezes que você clica em gerar.
Porque Colocar no meu blog?
Por ser um widget você pode colocar em seus artigos, postar na slide bar lateral ou gerar numero aqui mesmo no dicadewidget, e colocando no seu blog os usuários sempre vai ter um bom motivo para voltar, aumentando assim suas visitas diarias.
>>Link para o Widget Mega Sena para Blogger<<
Posicione qualquer elemento de página em uma Div usando CSS Styles no blogger
Trenamento Expresso sobre alinhamentos CSSSe você tem um código javascript ou Html de um widget contendo texto, formulários, banners, imagens ou qualquer outro elemento, você pode posiciona lo em local diferente do tradicional colocando o elemento dentro de um div e formatando via CSS styles para que fique em local oportuno.
Para que você precisaria mudar o posicionamento de um widget?
(EX:)
- Você pode ter um banner suspenso como um popup
- Um formulário de busca que em cima de uma imagem
- Um menu com categorias para o blog que flutuando
- Uma imagem alinhada no topo a direita do blog
Referência da posição:
Relativo (position: relative;)
O alinhamento esta referindo-se a posição do último elemento html colocado antes dele.
Absoluto(position: absolute;)
O alinhamento estará referindo-se a posição em relação ao navegador, portanto ao mover o rolamento da página o elemento não mudará sua posição, dando o efeito de flutuante ou suspenso.
-Alinhamentos css:-
alinhado ao topo
top:0px;
alinhado ao direita
right:0px;
alinhado em baixo
bottom:0px;
alinhado esquerda
left:0px;
EX:(topo 5px, direita 10px pixels de distancia da margem absoluta)
<div style="top: 5px; right:
10px; position: absolute;"
>
código do widget vem aqui!
</div>
No painel de controles do blogger acesse add um elemento de página javascript/html e cole o código do exemplo substituindo a frase código do widget vem aqui! pelo código da imagem, banner, widget, busca ou qualquer outro conteúdo que deseja alinhar no blog.Clique na imagem ao lado para ampliar um exemplo de imagem!
NO blog estou usando o código de alinhamento para o top menu e imagens das latinhas flutuantes como absolutas e o posicionamento do banner do blog bem como o campo de busca como imagens com posicionamento relativas!!!
Veja tambem:
Espero que este tutorial esclareça algumas dúvidas, existem muitos outros comando de alinhamento, porém estes são os fundamentais poderá conseguir novos códigos no endereço http://www.w3schools.com/css/default.asp , agradecimento especial ao @LucasPompeu que solicitou esta dica.
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+
Conheça o Dica de Widget um blogger de widgets para blogs
Aqui quem fala é o moisés o criador e dono do Dicadedica, eu estou dando continuidade ao dicadedica a mais de 2 anos e hoje quero mostra mais um blog que acabei de criar e certamente merece sua atenção. é claro que vou postar os conteúdos com frequência, manter os links atualizados o máximo de tempo possível por isso peço que desde já acesse e acompanhe o meu novo site o DicadeWidget.Como o próprio nome já diz este site será um diretório com galerias de widgets de todos os tipo mais principalmente os criados por mim para ser usado em blogs, sites e desktops, por tanto vocês vão conhecer os widgets exclusivos do dicadedica e tambem irei catalogar os melhores widgets que encontrar na web. seja ele sobre jogos, contadores, geradores, conversores, calculadoras, games, videos, players, musicas, imagens em fim uma série de tipos e estilos de widgets.
Endereço do Dicadewidget
Assine o Feed do Dicadewidet
Caixa de pesquisa com AutoLimpante
Você já deve ter reparado em algumas caixas de pesquisa que trazemdicas de tela dentro do box de busca, que desaparecem ao serem
acionadas e retornam quando o cursor sai do campo.
O problema é confundir os campos de pesquisa com aqueles usados para
assinatura de newsletter.
Essas dicas de tela, ajudam a conduzir o visitante ao local correto e
não interferem na busca, pois desaparecem ao ser acionado o campo do
formulário.
Para instalar uma caixa de pesquisa com dica de tela no seu blog
ancorado no Blogspot é super fácil, basta o código abaixo que o Widget de Pesquisa Autolimpante estará na sua barra lateral:
<style>
#pesquisa {
width: 264px;
padding:0.15385em 0.23077em;
margin:0.23077em 0 0 0;
line-height:2.07692em;
white-space:nowrap;
background:#eaeaea;
border:1px solid #ccc;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px
}
</style>
<center>
<div id="pesquisa">
<form id="cse-search-box" action="/search">
<div>
<input value="" name="cx" type="hidden"/>
<input value="UTF-8" name="ie" type="hidden"/>
<input name="q" size="31" type="text"/>
<input value="Pesquisar" name="sa" type="submit"/>
</div>
</form>
</div></center>
<center><span style="font-size: 80%; color: rgb(51, 51, 51);"> Widget
<a href="http://ufo-nordeste.blogspot.com/2009/09/
caixa-de-pesquisa-autolimpante.html">UFO Nordeste</a></span></center>
<script src="http://dl.getdropbox.com/u/1815091/Pesquisa/pesquisa%20%281%29.js"
type="text/javascript"></script>
Obs: Não retire os créditos!
Tutorial: Imagens Miniaturas e Resumo das Postagens do Blogger na Slidebar
Boa tarde, vocês devem ter visto aqui no dicadedica o slide bar com widgets de miniatura das postagens do blog e agora vou encinar como é fácil colocar este resumo das postagens na barra lateral com imagens que atualiza automáticamente junto com o rss (Feeds) do blogger.- Primeira coisa é acessar o a página:
Recent Post with Thumbnails Widget - Onde tem o espaço para digitar o endereço, coloque o endereço do rss do seu
blog o do dicadedica é : (
http://feeds.feedburner.com/blogspot/dicadedica) você pode tentar substituir o que está em vermelho pelo endereço do seu blog
(http://endereço do seu blog/feeds/posts/default)
- Agora abaixo você faz as modificações que deseijar na tela abaixo:
(Tradução das configurações)
Mostrar o canal? (sim / não / título) Exibir informações sobre o editor da alimentação (sim = mostrar o título e descrição; title = exibir título só, não = não mostra nada)
sim título não
Número de itens a serem exibidos. Digite o número de itens a serem exibidos (digite 0 para mostrar todos os dados disponíveis)
Mostrar / Esconder item descrições? Quanto? (0 = sem descrições, 1 = mostrar uma descrição completa texto; n> 1 = display primeiros n caracteres de descrição; n =- 1 não link item título, basta exibir conteúdo item)
Imagem
Altura (px)
Largura (px)
Border Estilo
Border Largura (px)
Cor de borda
Alvo links na nova janela? (n = "não, abrir links na mesma página", y = "sim, abrir links em uma nova janela", "xxxx" = abrir links em uma moldura chamada 'xxxx', 'pop' = utilizar uma função JavaScript popupfeed ( ) para abrir numa nova janela)
Codificação de caracteres UTF-8
(Importante se não marcar aparece um monte de interrogação ou quadrinhos)
Necessário para muitos não-ocidentais língua páginas da web e também pode ajudar se você vir caracteres estranhos substituição cita na sua produção (ver páginas de ajuda para mais informações). - Depois de pre-visualizar é hora de inserir no blog, tem duas opções para isso:
Olhe o lado superior direito da tela para localizar os botões!
- Primeiro você deve clicar em [Generate Javascript] para gerar o código.
- Depois de gerado clique em [Preview Feed] para visualizar as modificações
- Agora clique em [ADD TO Blogger] para adicionar o widget automaticamente.
- Ou você pode optar por copiar o script que aparece no quadro e adicionar como elemento de página manualmente (Para quem conhece um pouco mais de html)
- Pronto agora é só visualizar deverá ficar assim:É claro que o script irá aderir ao css do seu blog ficando da cor do seu template e você tambem poderá trocar o título do widget no seu painel de controle, dúvidas é só comentar.
Ass: Moises Dicadedica
Menu flutuante - Dica
Depois de algumas horas consegui modificar o menu de que desce ao da rolar página. O modelo antigo era esse ao lado (img 1), agora é esse ao lado (img 2). Para obter o menu, copie o código abaixo e cole no HTML do seu blog, exatamente acima da tag </body>.<style type='text/css'>
<!--
#mininavbar
{
display:scroll;
position:fixed;
bottom:1px;
right:1px;
z-index:99;
}
#mininavbar a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mininavbar img
{
border:0;
}
#mininavbar a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
-->
</style>
<script language='JavaScript'>
function cima() {
window.scrollBy(0,20); // velocidade para cima
scrolldelay = setTimeout('cima()',100); // tempo da rolagem
}
function baixo() {
window.scrollBy(0,-20); // velocidade para baixo
scrolldelay = setTimeout('baixo()',100); // tempo da rolagem
}
function stopScroll() {
clearTimeout(scrolldelay); // para o rolar ao tirar o cursor do link
}
</script>
<div id='mininavbar'><a href='#' onClick='window.location.reload()' title='Atualizar página'><img src='http://soulouko.googlepages.com/refresh.png'/></a><a href='SEU-BLOG' title='Página principal'><img src='http://soulouko.googlepages.com/house.png'/></a><a href='http://feeds.feedburner.com/SEU-ID' title='Feed'><img src='http://i32.tinypic.com/jfc6bn.png'/></a><a href='URL DA SUA COMU' title='Orkut'><img src='http://i32.tinypic.com/2cddds4.gif' width="16px" height="16px" /></a><a href='' onmouseout='stopScroll()' onmouseover='baixo()' title='Ir para o topo da página'><img src='http://soulouko.googlepages.com/topopg.png'/></a><a href='' onmouseout='stopScroll()' onmouseover='cima()' title='Ir para o final da página'><img src='http://soulouko.googlepages.com/down.png'/></a></div>
<a name='finalpg'/>
Em SEU-BLOG escreva a url do seu blog, em SEU-ID escrava a sua ID do Feedburner, em URL DA SUA COMU coloque o endereço da sua comunidade no Orkut.
Créditos: Blog do Lenon
Tutorial SEO: Gere parceiros de Link automaticamente online
Vocês já devem ter visto várias dicas de SEO para melhorar o seu page rank aumentando o número de parcerias. O problema é que nem sempre temos tempo para ficar colocando e retirando links parceiros e dando o devido valor aos parceiros que tanto nos ajuda na popularização do nosso blog, Então resolvi trago uma ferramenta para agilizar e ao mesmo tempo atrair mais trafego a Referer.orgComo o próprio nome diz, quando esta ferramenta for inserida no seu site ela irá linkar automaticamente todos os blogs e sites que verdadeiramente divulga o seu blog.
Ela irá vasculhar as origens dos visitantes e classificar na ordem dos que mandam mais visitas, veja abaixo todas as vantagens da ferramenta...
Vantagens do Referer.org
- Insere automaticamente o link dos seus parceiros mostrando agilidade e eficiência
- Cria um menu expansivo para que todos os parceiros sejam vistos mesmo aqueles que só enviaram uma única visita.
- Se adequa facilmente a qualquer template, porque incorpora o CSS e estilos da página.
- A opção expandir lista vem com a miniatura dos blogs participastes.
- É possível assinar o RSS da sua lista clicando em expandir lista depois no rss ex:(RSS Feed)
- Também é possível bloquear sites indesejáveis da lista!
- Limitar o número de blogs que irá aparecer na lista da página
- Ferramenta Online e Free
Tutorial REFERER.Org
1 - Gere o código digitando o endereço do blog/site em Live Reports e clicando em Go:
2 - Como ficará no seu Lista na página do blog:
3 - Como ficará a lista completa em nova janela (Expand this list>>):
4 - Como bloquear site da lista(clique em Options par abrir as opções ocultas):
aproveite e ganhe um parceiro agora mesmo é só colocar meu banner e seu site já estará na minha lista automáticamente:
Link-me
Ou
Colocar Destaque Postagens Relacionadas com Imagem e Leia Mais no Blog
Quem reparou no rodapé de todas as postagens do dicadedica, viu algo diferente, é widget dos destaques em miniaturas das postagens relacionadas do blogger.Eu estava a procura de colocar um item de tópcos relacionados que fosse útil e atraente ao mesmo tempo, e então me deparei com este widget que você vê ao lado.
Me surpreendeu a facilidade em que foi para inserir no blog com apenas alguns cliques você pode ter issto no seu blog tambem.
Outra coisa que gostei, é que que o site o ingles onde peguei o widget estava em inglês, ele veio em português, "Poderá também gostar de: "
Sem mais delongas...
O site gerador widget de imagens miniatura das postagens em destaque é o Linkwithin
Para colocar este elemento de página acesse e siga:
http://www.linkwithin.com/learn?ref=widget
1 - Ao abrir o site, de cara você vai ver campos
coloque nestes campos: Email, Link para o seu blog, a platforma do blog, e a Color.
2 - Agora clique no botão "Get Widget"
Irá abrir uma página com o tutorial de como inserir o widget, muito fácil por sinal...
segue abaixo a tradução para colocar no blogger mais tambem da para colocar em outras plataformas:
Instale o Widget no Blogger
2. Escolha um blog, se tiver mais de um e, em seguida, clique em Adicionar Widget.
3. (Opcional) Para um melhor desempenho, arraste e solte a caixa do LinkWithin da caixa para baixo das "Postagens do Blog".
4. clique em Salvar.
E pronto! O item deverá aparecer no seu blog.
NOTA: A qualidade das histórias recomendado vai melhorar assim que concluir o nosso processo de verificação do seu blog. Isso pode levar até várias horas, dependendo do número de notícias no seu blog.
Instalar o widget em outro blog?
----------------------
Aqui funcionou tudo direitinho, mais se ai deu problema é só falar _o/
Exiba Marcadores no Menu Expansível Drop Down no Blogger
O seu blogger está cheio de marcadores e você já não vê espaço no seu template para tanta marcação?
Então este tutorial pode lhe ser de grande utilidade.
Eu estava com este problema, meu blogger foi crescendo e já tinha tentado
de tudo par reduzir o numero de tags, estes marcadores ajudam os leitores a
localisar de forma categórica e rápidamente todas as postagens do blogger,
pensei em encontrar uma solução para reduzir o volume, tentei nuvens de tags, e
funcionou por um tempo, logo também não havia espaço suficiente para tanta tag
então, a solução era mesmo colocando em um drop down!!!
Chega de historinhas veja o tutorial para inserir menu dropdown no
template do blog
1 - layout,
2 - elementos de páginas
3 - marcadores
1 - Faça backup do template para evitar perdas
Em editar código html no painel do blogger,
é só clicar em baixar modelo completo.
2 - Clique em qualquer parte do códigose [ctrl] + [f] e localise
o trecho de código:
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
3 - Selecione até a tag </b:widget> próxima.
4 - Substitua todo o trecho pelo trecho de código abaixo:
<b:widget id='Label1' locked='false' title='Marcadores' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
5 - Salve e veja o resultado!!!
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
- right 5px
- href="https://twitter.com/dicadedica"
- 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:
- Widgets voltar ao Topo Flutuante
- Barra uttilidades no topo do blogger
- Caixa de busca flutuante para bloggers
- Tutorial popup Flutuante e suspensa no blogger
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:
