Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo 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. Add Widgets Copos D'agua Widgets 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 alue="http://www.swfcabin.com/swf-files/1253291166.s

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 CSS Se 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:- al

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ódi

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 http://dicadewidget.blogspot.com Assine o Feed do Dicadewidet http://dicadewidget.blogspot.com/feeds/posts/de

Caixa de pesquisa com AutoLimpante

Você já deve ter reparado em algumas caixas de pesquisa que trazem dicas 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="

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

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(&#39;cima()&#39;,100); // tempo da rolagem     }     function baixo() {     window.scrollBy(0,-20); // velocidade para baixo     scrolldelay = setTimeout(&#39;baixo()&#39;,100); // t

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.org Como 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

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ág

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 É necessário iserir os marcadores em 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:widg

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 : 200 px;right: 5 px;" 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 5 px Endereço do link: href=" https://twitter.com/dicadedica &

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: <a href="http://dicas.dicadedica.com">By Dicadedica</a><br /><script language="JavaScript

Tutorial SEO DINÂMICO Para Blogger: Meta tags de descrição e palavras chaves

Olá galerinha do Dicadedica... Hoje vou ensinar uma otimização para blogger blogspot ser bem indexado no google e resolver o problema de meta tags e descrições repetitivas que o blogger tem por padrão enquanto a recomendação é que cada página tenha suas próprias descrições títulos e palavras chaves exclusivos, para isso iremos aprender a customizar estas tags para que seja adicionados sozinhos de forma dinâmica e sem necessidade de usar geradores e programas que só atrapalham em alguns casos. 495qrbefsm Gere automaticamente suas Metatags títulos e descrições exclusivas Se você pretende fazer uma boa otimização no seu blogger você deve conhecer a f erramenta para webmaster do google , ela foi meu ponto de partida na otimização do meu blogger e quem está começando a pratica do SEO agora, deve ter tido alguma dificuldade em eliminar a quantidade Páginas com meta descrições duplicadas, e para fazer isto só vejo duas formas. A primeira é entrar em cada pagina que o webmaster tools infor

Dicas de jogos: Gerador Mega Sena para o seu Blog

Olá galera, quem quer ganhar na Mega-Sena, bastante gente não é mesmo, pensando nisto foi que desenvolvi um gadget par você inserir no seu blog, o widget foi feito na tecnologia flash e funciona da seguinte forma: Gera 6 numero aleatórios e diferentes entre 01 e 60 No seu blog vai ficar assim: Estes números são gerados aleatóriamente e por isso não estou dizendo que você tem mais ou menos chances de ganhar usando o widget apenas estou tentando dizer que, se você colocar este widget no seu blog irá atrair os jogadores que não tem a menor idéia de que número jogar irá até o seu blog toda vez que quiser criar um novo jogo, assim o seu blog irá ganhar muitas visitas com o retorno dos seus usuários. Achou legal? Para instalar é só acessar e clicar em GET WIDGET que está em verde no site: http://www.widgetbox.com/widget/gerador-de-numero-megasena www.dicadedica.com

TOP Comentáristas - Widget

Adicione ao seu blog o widget TOP Comentaristas do UFO Nordeste e veja quem mais comenta em seu blog. 1. Entre no modo Layout do seu blog e escolha um elemento HTML/JavaScript 2. Cópie o código abaixo e cole: <style> #topcoment li{ padding-left: 30px; background: url(http://img440.imageshack.us/img440/4499/usersvu9.png) no-repeat top left; border-bottom: 1px dotted #333; } </style> <div id="topcoment"> <script type="text/javascript"> function pipeCallback(obj) { document.write('<ul>'); var i; for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items[i].link + "'"; if(obj.value.items[i].link == "") var item ="<li>" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('

Hack Blogger: Linkou? Apareceu aqui no Widget

Hoje vou ensinar a colocar o RSS dos últimos blogs que colocaram um link para o seu blog, Porque colocar o RSS FEED "Linkou? Apareceu aqui no Widget" no meu blog? Para aumentar suas visitas lógico! Mostrar o Hack dos últimos que te linkaram em um hack widget no seu blog, irá influenciar e até impulsionar que mais e mais vezes outros sites e blogs te linkem, já que sempre que algum link novo é apontado para o seu site ele aparece automaticamente no topo da lista. assim também seu blog vai está sempre apontando para outros blogs que te mandam visitas e estão em constante atualização, já que o widgets mostra apenas os blogs com links mais recentes. Eu já tinha colocado este widget que mostrava quem tinha me linkado antes, porém eu retirei porque o mesmo não funcionava direito e apontava apenas para pessoas do meu blogroll, então decidi olhar o fonte e modificar alguns parâmetros da busca e cheguei ao seguinte url Endereço do RSS : --------------------------------- http://blog

byTagg.com - Widget leitor de RSS para PC

Agora virou mania na blogosfera, nunca ficou tão fácil seguir blog e sites pelo conteúdo. isto já era visível no twitter e agora a moda é no byTagg . Para o Usuário O novo widgets para desktop que permite visualizar em tempo real as notícias divulgadas em vários sites via rss chama-se byTagg , e como ele você vai ficar a par de todas as notícias divulgadas no dicadedica, sem precisar visitar o blog para isso. Para os Bloggers O site www.byTagg.com é a nova mania na bloggosfera, com ele seu usuário fica bem informado e pode saber se seu blog foi atualizado via rss feed ou atum instantaneamente, e com a opção seguir este blog, se você se cadastra como afiliado byTagg irá receber retorno de 3 formas. 1 - Aumento das visistas do blog - Quando os leitores instalam o pluguin widget apartir do seu blog ou site, ele já vem com o seu feed rss pré instalado o que facilita a visualização do seu conteúdo e quando o usuário clicar em ler mais, será redirecionado diretamente para seu blog. 2 - Ganh

Caixinha link-me para divulgar os banners do seu blog

Caixinha link-me é o nome dado ao widget usado na divulgação dos banners de um blog. Eu conheço dois modelos: No primeiro, podemos gerar o código em sites como o Mais Blog . Para tanto, é preciso já ter um banner hospedado e seguir as instruções do site. O código gerado, deverá ser colado nos gadgets do Blogger, em HTML/Javascript. Para utilizar o segundo modelo, basta copiar o código abaixo, fazendo as seguintes alterações: inserir o endereço (url) do banner e do blog, nos campos indicados em vermelho. inserir o nome do blog nos locais indicados em verde <div style="border: 1px dotted rgb(204, 204, 204); padding: 5px; margin-top: 10px; margin-bottom: 10px; text-align: center;"> <img style="border: 1px solid rgb(0, 0, 0);" src=" URL_DO_BANNER " /><br/> Divulgue o (nome do blog) < br/> <input onfocus="this.select()" value="&lt;a target=&quot;_blank&quot; href=&quot; URL_DO_BLOG &quot; title=&a

Troque o nome do autor do post por link ou imagem

Aprenda com esse tutorial a transformar o nome do autor das postagens em link ou imagem. É bem simples, siga passo a passo e você não vai encontrar dificuldades: 1º- Transformar em link: 1º - Faça login no Blogger, entre em " Layout " -> " Editar HTML ". E ative a caixa: " Expandir modelos de widgets ". 2º - Procure (Ctrl + f) por: <data:post.author/> 3º - Substitua esse código por: <a href=' URL DO SITE DESEJADO ' target="_blank"><data:post.author/></a> Agora coloque no lugar de " URL DO SITE DESEJADO " o link em que vai ser direcionado à pessoa que clicar em seu nome. 4º - Teste, se tudo ficou como deveria... Salve! Créditos ao Paulo Estevão 2º- Transformar em imagem: 1º - Faça login no Blogger, entre em " Layout " -> " Editar HTML ". E ative a caixa: " Expandir modelos de widgets ". 2º - Procure (Ctrl + f) por: <data:post.author/> 3º - Substitua esse código po