Dicadedica

Todos que usam o Wordpress.org sabem que assim que abrimos o blog existe uma barra para administração visível apenas para o editor do blog. Foi assim que decidi fazer uma igual mas com uma diferença, essa era para o Blogger. Assim surgiu o seguinte código: Atenção! Antes de fazer qualquer modificação no seu template faça um BACKUP do mesmo. <span class="item-control blog-admin"> <div id="barra-admin"> <div class="barra"> <ul> <li><span class="item-control blog-admin"><a href="http://draft.blogger.com/home">Painel </a></span></li> <span class="item-control blog-admin"> <li><a href="http://draft.blogger.com/blogger.g?blogID= XXXXXX #editor">Nova Postagem</a></li> <li><a href="http://draft.blogger.com/blogger.g?blogID= XXXXXX #allposts">Editar Postagens</a></li> <li><a href=&q

Quem usa o Blogger in Draft pode disponibilizar apartir de hoje da opção VISUALIZAR no modelo de postagem. O comando é o seguinte, você cria uma postagem e quer ver se ela está boa antes de publicar, então você clica no botão Visualizar ao lado do botão SALVAR , ai a postagem é mostrada do mesmo jeito que seu leitor irá ver.

Atualmente o Blogger só disponibiliza as cores alternativas e a navbar transparente. As cores disponibilizadas são: Azul, Beige, Preto, Cinza, Transparente e Escuro Transparente. Mas e se nós, blogueiros, quisessemos mudar a cor da Navbar, para qualquer cor? Simples, Aplique o código em VERMELHO, no CSS do seu modelo, mas ANTES, vá no painel Layout do Blogger, e, nas opções da Navbar, esolha o modelo CLARO TRANSPARENTE: #navbar-iframe{background-image: url(http://i43.tinypic.com/fc3aqu.png); float: bottom-page;} A minha ficou assim:

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+

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

Olá equipe! Primeiramente boas vindas a todos vocês novos colunistas do blog e obrigado por aceitarem o convite: Meu me chamo Moisés, tenho 26 anos, casado, tenho uma linda filhinha de 4 anos, trabalho na aérea de informática, primeiro como instrutor de informática hoje como webdesigner , sou uma pessoa praticaste de Tai Chi Chuan me interesso por blogs, animes e jogos de estratégia. Sou uma pessoa direta, e ficarei feliz em ajudar todos vocês em seus blogs, no que estiver ao meu alcance. Sugestão:(Alguns já o fizeram) Cada um faça uma postagem falando sobre você e/ou seu próprio, nesta postagem podem conter por exemplo: 1 - Seu perfil ou foto 2 - Links para o seus blogs/sites 3 - banners e links E quem quiser passar seu orkut, msn fique a vontade sou cadastrado no Me Adiciona que tem todos estes dados! Ultimas Notícias Quem ainda não leu os últimos comentários do blog esta um pouco por fora do que aconteceu. Retirei algumas postagens que não se enquadravam com as re

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

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

Adicione um slider de noticias no seu blog, siga os passos abaixo e observe o bom resultado. Clique aqui para ver um exemplo. Obs: Antes de começarmos recomendo que faça um backup do seu template. 1. Já feito login no Blogger, entre em: Layout > Editar HTML. Adicione o código abaixo antes de </HEAD> : <script src="http://dl.getdropbox.com/u/1815091/Slider/mootools.v1.11.js" type="text/javascript"></script> <script src="http://dl.getdropbox.com/u/1815091/Slider/jd.gallery.js" type="text/javascript"></script> E está parte acima de ]]></b:skin> : Clique aqui! 2.Adicione está parte em um elemento HTML / JavaScript : <style type="text/css"> #myGallery {     width: 100% !important;     height: 250px !important; } </style> <script type="text/javascript">    function startGallery() {       var myGallery = new gallery($('myGallery'), {   

Crie uma caixa de pesquisa para Firefox e IE 7+, siga o tutorial da Mozilla e veja. https://developer.mozilla.org/pt/Criando_plugins_OpenSearch_para_o_Firefox

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="

O tutorial a seguir eu encontrei no site Dicas para Blogs e ensina a criar um HTML que quando adicionado na página do blog/site faz com que o leitor tenha a opção de escolher qual a cor do fundo do site, fazendo com que o blog fique mais interativo. O tutorial é muito simples e lembrando que os créditos são para o Fabiano Roberto do Dicas para Blogs.  Entre na pagina layout, adicionar gadget, html/javascript e coloque esse código: Clique aqui para ver o código. Veja que as três linhas são basicamente iguais, portanto para usar outras cores ou dar mais opções só precisa alterar o texto com o nome da cor e o código da cor de fundo , no caso da primeira linha #0000ff e azul, cuidado para não apagar as aspas nem outros sinais do código senão ele não funcionará. Outra coisa que você precisa alterar é na pagina editar html, procure por: body{....} se dentro das chaves do body tiver algo definindo a cor de fundo você precisará apagar senão o código para mudar a cor de fundo não func

Este novo template é uma versão melhorada do template antigo o TEMPLATE BLOGGER. Essa nova versão trás: 2 colunas ( 1 na sidebar, 1 post ); Retirada navbar; 3 colunas no rodapé; Navegador Personalizado; Logotipo oficial do blogger ao lado do titulo; Pegue o código aqui . Obs1:  Não retire os créditos !

Decidi criar este template para homenagear o Blogger , é um template com: 3 colunas ( 2 na sidebar, 1 post ); Retirada navbar; 2 colunas no rodapé; Pegue o código aqui . Obs1:  Não retire os créditos !

Se você tem site ou blog participe hoje mesmo da campanha de morte aos navegadores antigos criada pelo site IMASTER para participar desta campanha basta acessar a página Morte ao Ie 6 copiar o código do banner e colar no código fonte do seu site ou blog. Resultado: Irá aparecer um banner no topo do da página apenas para quem usa navegadores desatualizados que conterá um link para atualizar para as versões mais recentes do ie , firefox, opera e outros!!! Tutorial para colocar o script no blogger Acesse o painel de controle do blogger www.blogger.com Clique em Layout Clique em Editar Html Faça backup do seu template para poder voltar se houver problemas clicando em " Baixar modelo completo " Encontre o trecho de código e logo abaixo cole o scrip que está disponível Nesta página Salve e é só isso!!! Você tambem pode optar por começar a usar o navegador modificado para pendrive Firefox Portable pelo dicadedica clicando aqui:

Que tal escrever um email para futuro/ sim é uma idéia maluca feita por este site aqui Oh: http://futureme.org/ a intenção dele é anda mais, nada menos que: vc escreve um email. coloca o nome ou apelido seu o da pessoa e o mail dela ou envie pra vc mesmo caso queira fazer um teste depois seleciona a data e o email só será enviado na data que vc marcou! por exemplo: 13 de julho de 2011 o email só chegará nesta data. legal né? quiser a dica tá data inutil mas interessante! Postado por Ferrockxia do

Participe do cadastro de blogs do UFO NE, clique aqui e preencha o formulário , assim que você terminar irá receber um e-mail de confirmação. Como funcionará a barra (e o widget) do “UFO Nordeste - Blogs” ? Todo o blog linkado, terá que inserir, obrigatóriamente, a “BarraBlogs” no topo do seu Blog. O código da barra está logo abaixo e deverá ser inserida logo abaixo da tag <body> do código fonte. <iframe frameborder='no' height='28' id='' leftmargin='0' marginheight='0' marginwidth='0' name='blogamos' scrolling='no' src='http://barra-blog2.blogspot.com/' topmargin='0' width='100%'></iframe> <iframe frameborder="no" height="28" id="" leftmargin="0" marginheight="0" marginwidth="0" name="blogamos" scrolling="no" src="http://barra-blog1.blogspot.com/" topmargin="0" width="100

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

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

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