Pular para o conteúdo principal

Postagens

Mostrando postagens com o rótulo Hack

Botão Postagem Aleatória e Flutuante - Dicadedica

Olá criei um botão para a distração dos leitores do seu blog, oferecendo uma postagem aleatória a cada click. Para adicionar este widget é só clicar no botão "+Add ao meu blogger" e escolher o blog que quer colocar esse widget, se quiser remover posteriormente, é só entrar no painel de controle do blogger >> layout>>elementos de página> abrir o componete e clicar em remover. Botão de postagens aleatórias <div id="myLuckyPost" style='display:scroll;position:fixed;top:400px;right:5px;' ></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+

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 ( Dicadedic

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

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 &

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

Novos Tradutores Para Blogger

Olá hoje eu trago dicas de ótimos tradutores para colocar no seu blog, uns em forma de elementos de página para serem colocados na slide bar lateral do blogger, já outros, no formato widget para colocar no topo da pagina do site ou do blogspot. Este aqui é um fácil porem não da para fazer nenhuma personalização. Para adicionar é só copiar e colar como elemento de página: <script language="JavaScript1.2" src="http://www.altavista.com/static/scripts/translate_engl.js"></script> Personalizeveis: Após escolher o tradutor se você quiser mexer no código ou trocar as imagens das bandeirinhas é só localizar o código da imagen e quer fica geralmente [img src="AQUI.png"] e substituir por uma outra imagem aqui do site FamFam Flags que tem ótimas imagens gifs para downloads e você pode hospedar as imagens aqui no novo site imagesharing para linkar diretamente as imagens deles, caso você não tenha onde hospeda-las. São os melhores hacks Traduzires o blogs

Tutorial -> Como Colocar Comentários em uma Janela Pop-up+

Beleza pessoal, hoje vou atender ao pedido do amigo ADM do blog Telemensagens, Assim como ele outros leitores tem me mandado emails me perguntando a mesma coisa, por isso vou mostra um print screen que tirei das configurações do blog e que mostra como é simples fazer a caixinha dos comentários abrir em um popup, embutido ou em nova janela com o fácil tutorial abaixo. Clique na imagem da dica para ampliar ------------------------------------------------------------------------ Telemensagens recados do Coração disse... amigo eu queria abrir um popup no meu blogger só que alem de configurar a altura e a largura eu gostaria de escolher só a parte que me enteressa dessa pagina para abrir nesse popup eu tenho esse codigo clique "width=400,height=550,top=100,left=100"); para abrir só que eu gostaria por exemplo abrir só este quadrado aqui de comentarios entende espero que possa me ajudar ------------------------------------------------------------------------ Sim amigo, existe var

Digitação em Game Flash gadget no seu Blog

Pessoal, hoje termino de desenvolver o widget de digitação dicadedica, nele podemos praticar digitação a partir de qualquer site ou blog em que o mesmo for inserido, o widget feito na tecnologia flash tem apenas 55 kb por isso não pesa o blog conheça os motivos que o levará a inserir no seu blog... Porque colocar no meu blog? Útil - Tenha um widget que é um programa que ajuda os usuários praticar digitação de forma divertida direto do seu blog. Divertido - Seu blog sera lembrado sempre que um usuário precisar de um passatempo. Leve - Como eu disse são apenas 55kb e com preload, para rodar apenas quando terminar de carregar. Fácil instalação - Procedimento padrão copiar e colar tanto como widget, gadget ou na postagem. Designer - Foi feito de forma a ficar adaptavel e atraente em qualquer site de qualquer cor, tamanho e formato Gratuito - Pode ser usado livremente só não retire os créditos O widget de digitação Dicadedica, é um modulo api, widget, e um elemento de página para blogs

Top 5 Widget Rank Postagens Populares para Blog

Você tem um blog, gostaria de colocar um widget, gadget ou simplesmente uma caixinha do lado esquerdo do template do seu blog, com as o elemento de pagina das postagens que tiveram maior aceitação pelos leitores? As melhores notícias certamente atrairam mais visitas e merece destaque, não acha? sabe a postagem com o maior numero de comentários? essa também continuará a atrair maior numero de comentários, e assim por diante... Por isso não perca tempo você vai ter que ativar o rss do seu blog ou site e então... Ativando RSS Acesse: 1 - Painel de controle do blogger ou outro blog 2 - Configurações / Site Feed 3 - Permitir feeds do blog / completa Colocando Widget RostRank 4 - Agora acesse no link 1 que está baixo a pagina do postrank, 5 - No campo Analyse digite o endereço do seu blog já com o rss ativado ou o endereço do seu rss. Aproveitando assine o rss do Dicadedica http://feeds2.feedburner.com/blogspot/dicadedica Este foi gerado com feedburner é melhor porque te da estatísticas e

Coloque widget voltar ao topo flutuante do blog DicaDeDica!

Galera, sabe aqueles templates legais que tem um botão para o usuário voltar ao topo do blog que fica flutuando quando mexemos na barra de rolagem? Vários novatos já me pediram para disponibilizar um tutorial ensinado a colocar este recurso no blog, então hoje trago duas coisas, um widget hack que insere isto automaticamente , só copiar e colar e um tutorial completo para você montar o seu com suas próprias imagens. Vamos lá! Primeiro o widget altomático Flutuante! 1 - Selecione e copie todo o código do widget: <a style="display:scroll;position:fixed;bottom:72px;right:50px;" href="#" title="VOLTAR AO TOPO (do blog DicaDeDica)"><img src="http://lh4.ggpht.com/_eZ4RDyPwpoA/SagWzGVD6mI/AAAAAAAAAw4/LivJ__3Qot0/s144/TOPO_FLUTUANTE_DICADEDICA.png"/></a> <a href="http://www.dicadedica.blogspot.com/"> <span >Voltar ao topo flutuante Dicadedica</span></a> </span> 2 - No painel de controle do Blogge

Gerador Widget de Popular post ou Top comentados Blogger Blogspot

É muito importante que usuário saiba quais são as notícias mais interessantes do seu blog, você pode verificar que as noticias com mais postagens, são tambem as que mais trazem leitores para o seu blog, por terem maior relevancia nos buscadores. Mostre o que tem de melhor no seu blog e assim o leitor vai se sentir motivado a postar comentários em outros posts não tão populares. Existe várias formas para colocar um widgets na slidebar com os top 10 mais comentados do seu blog, eu escolhoi mostrar o gerador automático online de widget Popular Posts (Most Commented) Widget for Blogger Blogs: Esse nome grande é só uma maneira rápida para ser encontrado pelos usuarios nas pesquisas do Google, mais o widget faz exatamente isso e é de simples instalação. Exibe os mais comentados do seu blgo na coluna de widgets. Instalação: Acesse: http://www.bloggerbuster.com/2008/04/popular-posts-most-commented-widget-for.html No final da postagem tera um formulário para a customização do widget. Em Widget

Video Tutorial -> Hack Gostou? Então Copia para o seu Blogue!

Bem vindos mais uma vez aqui no DicaDeDica, hoje vou disponibilizar para vocês esse tutorial: Gostou Então Copia para o seu blog mais primeiro vou falar onde eu consegui e porque recomendo o uso da ferramenta. Origem: Este tutorial estava disponibilizado no blogspot www.jinranger.blogspot.com, que infelizmente se encontra indisponível hoje, porém as pessoas tem me perguntado se eu poderia fazer um tutorial a mostrando novamente porque o link estava indisponível.... Em fim resolvi fazer um tutorial com vídeo, o vídeo foi inspirado na postagem do Diego Soares do Profissional Blogger após ver um tutorial que ensina a criar vídeos tutoriais blz, então vamos lá>>> Vídeo Tutorial: Inserindo o Hack No painel de cotrole do blogger entre em configurações Copie todo o texto do script que está no arquivo de bloco de notas txt chamado entao_copia.txt No subitem da aba configurações entre em Formatação Role a pagina até o final , lá encontrará o titulo Modelo de postagem com uma cai

Colocar o Hack Leia Mais no Blogspot do Blogger

Galera, primeiramente quero pedir desculpas pelo atraso nas postagens deste mês, o motivo é porque estou desenvolvendo uns jogos para disponibilizar aqui no blog, jogos em flash mesmo... eles tem consumido todo meu tempo extra mais espero que fique bem legal e viciante. Voltando ao assunto o colega do blog Area51 Downloads perguntou o seguinte: ------------------- "aew blz seu blog eh show queria um tutorial de como por igual ao seu "leia Mais...'' resumi as postagem vlw sucesso" ----------------- O leia mais do meu blog eu usei o tutorial do blog blosque.com o link para o tutorial está aqui: http://blosque.com/2007/07/como-exibir-sumrios-dos-posts-com-link.html No google vc acha vários blogs que demonstra o mesmo tutorial com algumas adaptações, porem o do blog blosque eu considero melhor hack adaptado para o novo blogger. Eu consegui colocar aqui e posso te ajudar em alguma dúvida, é só comentar vlw. Vou procurar terminar logo o jogo para voltar a postar todo

Tutorial Hack -> Como dividir postagem em colunas

Oi, hoje vou mostrar essa dica fascinante que ensina como dividir a postagem em duas colunas, você vê por ai vários sites usando esse recurso e agora tambem vai poderá implementar esse recurso de layout de maneira fácil no seu blog:Sua postagem vai ficar dividida em duas colunas de texto iguais as que estão logo abaixo. Modo 1- Desse modo, você terá que repetir o procedimento, sempre que desejar colocar mais colunas em novas postagens! * 1 - Para começar copie o trecho de código que está em vermelho.  <div style="float: left; WIDTH: 45%"> Texto da Esquerda </div> <div style="float: right; WIDTH: 45%"> Texto da Direita </div> <div style="clear: both"></div> * 2 - Crie uma nova postagem e na aba(guia) "Editar HTML" cole. * 3 - Agora é só substituir os textos correspondentes ao lado direito e esquerdo das colunas. Modo 2 - Desse modo, você vai ter o código das colunas sempre disponívei

Rss Ultimos Comentários e Hank dos 10+ Mais Comentados No Blogspot

O Renan, do blog s3x0 pede o seguinte: ----------------------- Renan : Eu aqui de novo. Amigo, eu não consegui adicionar os últimos comentários no blog seguindo seu tutorial, fica tudo em branco na área que era para ser mostrado os links p/ os comentários. --------------- Amigo Renan, acredito que o que você pode fazer é verificar se o seu blog está com o rss ativo: No painel de controle do blogger: 1 - Clica na aba Configurações 2 - Clica em Site Feed 3 - Em Permitir feeds do blog Marque completa e salve as configurações. Depois clique no link 1 e siga as intruções da próxima tela. Link1 Outra dica que é fundamental para aumentar a velocidade e os controles sobre os rss, é queima-lo com o FeedBurner Blogger redirecionará todo o tráfego de postagem do feed para o endereço criado no feedburner. faça isso com o blogger e com todos os rss que você tiver, inclusive o rss dos ultimos comentários. É só se cadastrar e tentar, acredito que seja simples, porem se ouver dúvidas é só comentar

Hack Navegador de Paginas Para Blogger Blogspot

Respondendo ao pedido do adm do blog "Eusocurtooqueebom": EU SO CURTO O QUE E BOM : Eu queria saber se tem como inserir um navegador de paginas no blogger, e possivel isso, vou ti mando o link da imagem e o site que encontrei esse assunto. Ele quer um navegador como o da imagem abaixo, então encontrei um site que explicasse melhor os códigos do gosublogger e traduzi e adaptei algumas coisas: Vamos começar: Passo 1: Faça login na sua conta do Blogger e navegue até a seção Layout . Agora acesse a subguia editar HTML. Etapa 2: Pesquise e encontre esta linha ]]></b:skin> e adicione o esse código CSS acima dessa linha. CSS CODE WITH IMAGE : .showpageArea {font-size: 11px; width:470px ;background: url(http://i263.photobucket.com/albums/ii150/mohamedrias/ShowPagenavbar.jpg) no-repeat left top; padding-top:10px;padding-bottom:10px;padding-right:15px;padding-left:30px; color:#003366;text-align:left; } .showpageArea a { color:#0F0; text-deco

Tutorial -> Código para copiar post para o seu blog

Refiz este tutorial e coloquei aqui: http://dicadedica.blogspot.com/2008/11/video-tutorial-hack-gostou-ento-copia.html A pedido do ADM Downage abaixo o tutorial que ensina a colocar o código para copiar este post ,esse artigo ou essa notícia para o seu blog: Gosto? Então copie esse post para seu Blog: Download Do Tutorial Esse Tutorial e Muito Util Para Os Bloggueiros Você ira aprender Como colocar em baixo das suas postagem Gostou ? então copie o Post Assim outros Bloggueiros Podem Copiar seu post. fonte: www.jinranger.blogspot.com Refiz este tutorial e coloquei aqui: http://dicadedica.blogspot.com/2008/11/video-tutorial-hack-gostou-ento-copia.html