Como criar botões com CSS

<img align="right" alt="css3" border="0" height="112" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBYS3Uc1tXaSc6bnA6ql8ADK9ois1H158Vphk-DRr_EJA_sNAbTfG5l0wE7XjLwCdgUQfLwRf31CYZ1mLJg3S-Clt8Jgou7V-I7_liyaL80D9s5QEN3mlBoM5fRLmdL_3su0rdGYMhGMrj/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="112" />Com o advento e avanço do CSS 3, muitos designers estão optando por reduzir o uso de imagens em sites, a fim de aumentar a velocidade das páginas da web. Eu <a href="http://www.dicasblogger.com.br/search/label/HTML%2FCSS">já ensinei</a> algumas técnicas legais pra deixar seu blog do Blogger mais bonito e profissional e hoje vou explicar como criar botões (buttons) usando apenas CSS.<br />Entre no site <a href="http://css-tricks.com/examples/ButtonMaker/">Button Maker</a> e utilize o painel da direita para personalizar o botão:<br /><img alt="css-button-maker" border="0" height="297" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKDq8n8RnKGaIHGRL90YV4Cvxtox9dwMPVzVy32GVRBp2mKG0u7Nx9-acKmJ2Jpqo0Kq0ia155atHUWi7AYJprD5-hkAGOCrvX5m5JatMGjUswU1DFF_t969rzW2lmPxb3tFEfM2sJey5j/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="502" /><br />Use os 3 controles deslizantes para escolher o tamanho e profundidade do botão.<br />Embaixo, escolha as cores da seguinte maneira:<br /><ul><li><strong>Top Gradient Color:</strong> cor do topo em gradiente </li><li><strong>Bottom gradiente color:</strong> cor de baixo em gradiente </li><li><strong>Top Border Color:</strong> cor da borda do topo </li><li><strong>Hover background color:</strong> cor do fundo ao passar o mouse </li><li><strong>Text Color:</strong> cor do texto </li><li><strong>Hover Text Color:</strong> cor do texto ao passar o mouse </li><li><strong>Active background color:</strong> cor de fundo ao clicar no botão</li></ul>Depois que o botão estiver pronto, clique sobre ele e copie o código.<br /><img alt="css-button-maker" border="0" height="292" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5WRBZbo_fvSgqU9wJ92vGutqEfQXbdsS3zspS9U1DDk_bOQErdQ8Hd8ZjI5aCyJxMma9vBpUIWp8XqSlepF63-Ylv9_aWHCca4QeJfG7Sz63YfgdZKtBJBqL8EfMcqSupuWntSKnfyGrq/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="502" /><br />Entre no painel do Blogger, clique em design>editar HTML. Faça um <a href="http://www.dicasblogger.com.br/2008/05/backup-template-widgets-blogger.html">backup do template</a> e cole o código antes da tag <strong>]]></b:skin></strong> (use o Crtl+F do teclado para encontrá-la). Substitua o ponto (.) que está antes de cada palavra “button” por jogo da velha (#). Ficará assim: <strong>#button.</strong> Visualize e salve.<br />Em “elementos de página”, clique em adicionar gadget HTML/javascript.<br />Cole este código:<br /><blockquote><div id="button><strong><span style="color: red;">ESCREVA AQUI O TEXTO</span></strong></div></blockquote>Escreva, no local indicado, o texto que deverá aparecer no botão. Se quiser colocar um link, use este outro código:<br /><blockquote><div id="button"><a href=”<strong><span style="color: red;">LINK</span></strong>”><strong><span style="color: #9bbb59;">TEXTO</span></strong></a></div></blockquote>Pronto! Agora seu blog já tem um botão feito apenas com CSS ;)<br />Veja, na imagem abaixo, um botão que criei para o DB ( é o azul):<br /><img alt="css-button-maker" border="0" height="233" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp1krCPoDDXars6POENJ4ccvLX6svOz_Qmfx_N7outYD3FC-Uo7t2P6A8f-AGcEoCZP1EMZ6zadTijtYs7QvnY9r7tTdeuE-FyIiIrKysTaJbzJEyvAlF7Y1b4C-GTke2XJKzolb1XauoM/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="502" /><br />Existem outros sites para criar botões personalizados em CSS:<br /><ul><li><a href="http://www.cssbuttongenerator.com/">CSS Button Generator</a> </li><li><a href="http://css3buttongenerator.com/">CSS3 Button Generator</a> </li><li><a href="http://www.1pagedesign.com/css_button_maker.php">CSS Button Maker</a></li></ul>

Como criar botões com CSS

Com o advento e avanço do CSS 3, muitos designers estão optando por reduzir o uso de imagens em sites, a fim de aumentar a velocidade das pá...

Continue Lendo >>

Sobre os atuais problemas do Blogger

Entre maio e  junho deste ano, o Blogger apresentou diversos <a href="http://www.dicasblogger.com.br/search/label/Problemas%20e%20Bugs">bugs e instabilidades</a>. Hoje, ao visitar o <a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR">fórum de ajuda</a> e ao moderar os comentários deste blog, percebi que o gadget seguidores voltou a desaparecer de vários blogs e que muitos usuários estão ansiosos. Então, o motivo deste post é para dizer: <strong>don’t panic!</strong> <br /> Não há motivo para pânico. Lembrem-se que o Blogger está passando por uma reformulação em seu código e que todos esses problemas são naturais. Reitero o que já disse anteriormente: todos os bugs sempre foram corrigidos. Sempre!<br /> Ao mesmo tempo que estamos passando por problemas, <a href="http://www.dicasblogger.com.br/search/label/Novidades">diversos novos recursos estão sendo implantados</a>, em um serviço que é 100% gratuito. É preciso que vocês tenham paciência. E pra quem não tem, basta contratar um host e migrar para outra plataforma de blogagem. Simples assim.<br /> Usem sempre o fórum de ajuda para reportar dificuldades com seu blog:<br /> <ul> <li><a href="http://www.google.pl/support/forum/p/blogger?hl=pt-BR">Ajuda do Blogger</a></li> </ul> Nós continuaremos informando-os sobre todas as novidades, bem como sobre todas as instabilidades deste período.<br /> Recomendo a leitura dos seguintes posts:<br /> <ul> <li><a href="http://ricardofraga.com.br/2011/05/13/a-instabilidade-do-blogger-e-de-seus-usuarios/">A instabilidade do Blogger e de seus usuários</a> – Ricardo Fraga </li> <li><a href="http://www.escritosideologicos.com/2011/05/por-que-eu-escolhi-o-blogger.html">Por que eu escolhi o Blogger?</a> – Ana Karenina</li> </ul> <img alt="we-love-blogger-logo" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8KERFWnM4ZCSE9Msxes7M6FXSrMfpneGTjeR5NZGHMTWP2_CV7ramlW3pTNpGDHtzHTdC1R0grhB_kuyqtqgqjN7uBWp6KSANBSxN3ChDPVv5kfvEhuHuHsYtXRhbdK93VDFZQEoUuTyn/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="we-love-blogger-logo" width="302" />

Sobre os atuais problemas do Blogger

Entre maio e  junho deste ano, o Blogger apresentou diversos bugs e instabilidades . Hoje, ao visitar o fórum de ajuda e ao moderar os come...

Continue Lendo >>

Opção nativa de favicon personalizado no Blogger

O Blogger disponibilizou recentemente uma opção nativa de personalização do favicon dos blogs. Favicon é aquela pequena imagem que fica ao lado do nome da página na aba ou janela do navegador; até o lançamento deste novo recurso o favicon padrão de todos os blogs era o logo do próprio Blogger e aqueles que quisessem altera-lo precisavam fazer uso de alguns hacks.<br /> <br /> O novo recurso, por enquanto, pode ser acessado apenas pelo <a href="http://draft.blogger.com/" target="_blank">Blogger in Draft</a>, na guia<b> Layout</b> em <b>Elementos de página</b>. Você vai ver um novo elemento chamado Favicon. <br /> <img alt="Nova função de favicon no Blogger" border="0" height="191" src="http://lh5.ggpht.com/-oNrnrmWSj24/Te_W47MmuuI/AAAAAAAACOI/5yqLaebVPPc/Nova%252520fun%2525C3%2525A7%2525C3%2525A3o%252520de%252520favicon%252520no%252520Blogger%25255B7%25255D.png?imgmax=800" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Nova função de favicon no Blogger" width="330" /><br /> Clicando em <b>Editar</b> neste elemento você pode fazer o upload de uma imagem que queira usar para personalizar o favicon do seu blog.<br /> <br /> <a href="http://lh4.ggpht.com/-1YhMzdgHfyE/Te_XF23VfGI/AAAAAAAACOM/R2ik-a2rJ4U/s1600-h/favicon_adicionar%25255B3%25255D.png"><img alt="favicon_adicionar" border="0" height="256" src="http://lh3.ggpht.com/-_JLEzxhaHl0/Te_XO0ygM7I/AAAAAAAACOQ/tO4afEGCEac/favicon_adicionar_thumb%25255B6%25255D.png?imgmax=800" style="background-image: none; border-color: -moz-use-text-color; border-style: none; border-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="favicon_adicionar" width="565" /></a><br /> Recomendo que vocês escolham uma imagem perfeitamente quadrada , de preferência com tamanho em pixels de 16x16 ou 32x32. A imagem escolhida como favicon deve estar em formato .ico, se a sua imagem não estiver neste formato você pode converta-la usando algum site de conversão online, recomendo neste caso o <a href="http://www.convertico.com/" target="_blank">ConvertICO</a>.

Opção nativa de favicon personalizado no Blogger

O Blogger disponibilizou recentemente uma opção nativa de personalização do favicon dos blogs. Favicon é aquela pequena imagem que fica ao l...

Continue Lendo >>

Como deixar o twitter em português

<img align="left" alt="mapa-do-brasil" border="0" height="105" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQfai0_Qs2kRmzGlprolAAqPiibATHLKT4LayA8RCjpmWRY4k1MDrXYoAdctF-N0LNMvn6TSvvydT1C4PEIbPwtpzOTdzG8ZRhDVPf-B6EzoTdubkMvzZ1GKmbItkqtmsxMMM5G4td5TyE/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: left; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="104" />A equipe do Twitter <a href="http://blog.pt.twitter.com/2011/06/oba-twitter-em-portugues-brasileiro.html">anunciou hoje</a>, que o site foi traduzido para o português do Brasil (PT-Br, em linguagem de informática) e que a tradução já está disponível para todos os usuários.<br /> Para usar o Twitter em português, é preciso ir em <a href="https://twitter.com/settings/account">settings</a> > account> language e escolher “Português”. Depois, clique no botão “save”, coloque sua senha e pronto! Seu Twitter estará em português!<br /> Veja um breve passo-a-passo, em imagens, de como deixar seu Twitter em português:<br /> <img alt="twitter-settings" border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBiOcXBMBAYPfPfOCchZjhWnv9k73pk6GthHUVbm-v2mWx07IgsCEB07J5_NJthcBKQDB6qw7TzPpu_O6OQHcCZbr6xCIaTzv5oQ6chkQAddGpcVyMmsQPTHOtgrz8ps2yTeOF23SPYdv_/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Settings" width="452" /><br /> <img alt="twitter-portugues" border="0" height="158" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGzRzfvY1UaWnMYA936rDuFvZLXdZCil9GYIwMolywabVfkLxDF93utzQjSggA_EocY0_JMmn9amU2MNNNtNzcRUhtia82CqwzTOPb4ITOhrRWwTMIV5TtrOEOJU_jqfXtT0vp8aTIKUH1/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Language" width="452" /><br /> <img alt="twitter-pt-br" border="0" height="232" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzSWDrNqxqeBZmSJ1ixfXPOKxO1z5xcTsrsQdD1OgAFdzAK7AvAegRWboq9VsxK6DTwcG5T8Kgiit4AREpm5JT9cXnStbmMJub0eXD7jIfjzku-IFBufBf4zCDsJs0tsjIPYBCoJIY1see/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Twitter em português" width="452" /><br /> <a href="http://twitter.com/dicas_blogger"><img alt="twitter-follow" border="0" height="111" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3SvnEdzy5uMUEMybvryXs2wPaMcYvxvWqPtYJ78m0G-L52XtxMEGxtKHa03E98PCmR6MZqFa75v-kImpI1bYveD06xNRAAu5DyOqtEXwTp_9GhJpF4krbYr0lQrfp844pM9wuc25xmCfC/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin-left: auto; margin-right: auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Siga o Dicas Blogger!" width="224" /></a> <br /> <div align="center"> <span style="font-size: x-small;"><a href="http://twitter.com/dicas_blogger">siga-nos no twitter!</a></span></div>

Como deixar o twitter em português

A equipe do Twitter anunciou hoje , que o site foi traduzido para o português do Brasil (PT-Br, em linguagem de informática) e que a traduçã...

Continue Lendo >>

Integrando o Google Reader e o gadget seguidores

<img align="right" alt="google-friend-connect" border="0" height="175" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhHirSk34ILCPNLkYs5bM3vimz1US8tdLrsviW6hnao-Z1wbUJ1z1WR78Om8IMkkwYcwBpM3AmX17ykjEOpsQt49OkV2mWufYdkwY9P_8l2QxBpU5G5-Sa2o1PHd4K64mIvwZa-tuRfohD/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="google-friend-connect" width="174" />Vários usuários, especialmente os iniciantes, optam por acompanhar os posts de seus blogs favoritos através do gadget “seguidores”, que nada mais é do que o <a href="http://www.google.com/friendconnect/">Google Friends Connect</a>.  Já os mais antigos, costumam assinar os feeds e acompanhar as atualizações pelo Google Reader. Integrar as duas ferramentas é muito simples e, certamente, irá facilitar bastante a vida de vocês.<br /> <br /> Para aprender a assinar um Feed pelo Google Reader, <a href="http://www.dicasblogger.com.br/p/feeds.html">clique aqui</a>.<br /> Para aprender a usar o gadget “seguidores”, <a href="http://www.dicasblogger.com.br/2010/02/como-usar-o-gadget-seguidores.html">clique aqui</a><br /> <br /> Para acompanhar os posts de seus blogs favoritos em um só local: <br /> <ol> <li>entre no <a href="http://www.google.com/reader/">Google Reader</a>  </li> <li>faça login com sua conta do Google </li> <li>clique em “opções”> “configurações do Google Reader” </li> <li>em “preferências”, marque “exibir blogs acompanhados no Blogger” </li> </ol> <img alt="g-reader" border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAEpFfFm6WRADoRcBu4O8CZJLg8R40LQZpjvyDJDdsV62R_CgYzPEg-rNESFGGeexAWPhVJfTIpc0ubzRl9oO1SoYr-DSCXCKJ318mAXZqktHD1mDtXG4mBYIS5ZHV1RaKeoRXCv0Oi1DN/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Preferências do Google Reader" width="551" /><br /> Na barra lateral esquerda irá aparecer “blogs que estou acompanhando”<br /> <img alt="greader-seguidores" border="0" height="304" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2G7K-fKc7hkh3dYIpP-6sVQoArdW7V7C-eZudRono4izx6PICp9Qdp0yyQ6UQs_KqPbl4ggx3EOzHrzlsLWy6zKUNuMVr5I5VTkW-csbEqCuiq0Etd-ynV6xBgp3uhwV7yMgt1M0allHs/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="Blogs acompanhados via Blogger" width="563" /><br /> Para administrar seus blogs favoritos ou mesmo deixar de seguir algum deles, clique em “configurações do feed” e escolha uma das opções (veja imagem acima).

Integrando o Google Reader e o gadget seguidores

Vários usuários, especialmente os iniciantes, optam por acompanhar os posts de seus blogs favoritos através do gadget “seguidores”, que nada...

Continue Lendo >>

A nova interface do Blogger

<img align="right" alt="blogger-logo-square-webtreatsetc" border="0" height="106" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIs-VQlbP6-Wdz2xcgO0a_xOle086uhTT8Zse64U0iheIKE_z0JOwDdoJ8g0iZQI1GG3-3WsjRdfz2BxIa-gFXg8tpvB9SmUe5Ffo7oJ72wJOIZkMEGoJe_VWK2bR6luYmS0NMhfXwdRKc/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: inline; float: right; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="106" />Foi <a href="http://www.google.pl/support/forum/p/blogger/thread?tid=376e6a5efa092ab5&hl=pt-BR">anunciado no fórum do Blogger</a>, em 29/4, que a nova interface do Blogger estaria disponível para alguns usuários (sortudos), no Blogger In Draft – que é a página de testes de novas funções. Portanto, <a href="http://draft.blogger.com/home">clique aqui</a> e veja se você foi um dos contemplados.<br /> <blockquote> Estamos felizes em anunciar o lançamento público do nosso novo design!<br />Mas, espere um pouco antes de ir verificar o seu painel do Blogger, porque estamos planejando um lançamento gradual que começa com um número limitado de usuários que visitam a nossa plataforma de testes de novos recursos, o Blogger in Draft. No início, apenas alguns de vocês conseguirão testar (os sortudos!) e ver o novo design do Blogger in Draft. Ao longo dos próximos dias e semanas, nós estaremos proporcionando para que todos consigam testar o novo design. Não há nenhum processo de ativação que deverá ser efetuado, basta esperar, e você verá que o seu painel foi alterado para o novo design, quando você efetuar login noBlogger in Draft. <strong>Fonte:</strong> <a href="http://www.google.pl/support/forum/p/blogger/thread?tid=376e6a5efa092ab5&hl=pt-BR">Fórum do Blogger,</a> por Camila Fitz – funcionária do Google</blockquote> Na minha conta, a nova interface já está disponível. Penso que ela deixará o painel de controle mais organizado. Vejam as imagens que selecionei pra vocês:<br /> <img alt="novo-painel-blogger" border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsViYYkx3kaXyLyeBD9tVA3SOqlkyjcgEp9cYaA1DA4weriEH_2nSq5cB1z_HA-8XJxVvJ0A1xBfETQ7frwAxSnyIutesT_OPYYFpDqMhPj1jwn91b9l7qa28s9VvfwTdQZqW29Z1WLBbg/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="472" /><br /> <div align="center"> <span style="font-size: x-small;">Novo painel do Blogger</span></div> <div align="center"> <img alt="painel-blogger" border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8oQhD_c4TtRaUpmkUDY-v5uftBPM9I8Q0md3lBDB_F8-FXimR-lf1gZJmLJUgItdfMSzhViI4UIln8PIXbEDXHDCN36nNdvKYq-bglHM1fDG4kUjbZ7bvtt6PIBxjdYkK46qSR332WrCL/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="472" /></div> <div align="center"> <span style="font-size: x-small;">Painel de um blog específico (visão geral)</span></div> <div align="center"> <img alt="painel-blogger" border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCrpovfkq5VOiJ_SQTlzeW8T_FQeDbcVS9albpR8BifIp-l9Ghx9940YeqAUCrRVpcDwdfiwSd3wIclUM215LjCsQS_18Y4A5F-1TxEgzwldtGCe-sZgjRnZ3zCrozrPAnYL9KLUXRpY39/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="479" /></div> <div align="center"> <span style="font-size: x-small;">Área de postagens (notem que existe um contador para cada post)</span></div> <div align="center"> <img alt="painel-blogger" border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYCqIoialot7F_C4NPCelZD23sPz98-86efic2o88L_PvhcLxDWsPhL2gTW6AcIWZ7oK6Puky4JexbWFYaTCdbzdSeMG8duKANkhUyB4B9F8fEWlr4Ei_SYzrSjp1dy6zDzAF40zGgpnpr/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="472" /></div> <div align="center"> <span style="font-size: x-small;">Área do designer do modelo</span></div> <div align="center"> <img alt="estatisticas" border="0" height="174" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuaXgpFRoKyawQEyAUWG5GD92-c9wFaT78hrDhrUN7xD11iO77J-bWjAK0Kr5vfZzyMPuHL8_Yxh_RGyMUfVHgBPuQaAI6svCfJFcYCxQk4YSphmGMFIttQunjSjKvBoCmaOAf5prDdmzL/?imgmax=800" style="background-image: none; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; display: block; float: none; margin: 0px auto; padding-left: 0px; padding-right: 0px; padding-top: 0px;" title="" width="472" /></div> <div align="center"> <span style="font-size: x-small;">Área das estatísticas</span></div> Se você, leitor, foi um dos felizardos e encontrou algum problema na nova interface, por favor, reporte-o <a href="http://www.google.pl/support/forum/p/blogger/thread?tid=376e6a5efa092ab5&hl=pt-BR">no fórum</a>.  O único problema que encontrei, foi quanto aos templates personalizados, ou seja, aqueles que não são do Blogger, pois na nova interface desapareceu a opção de editar o código-fonte via HTML, o que impede a instalação de hacks e até mesmo a modificação dos templates. Por se tratar de uma função essencial, acredito que, em breve, isso será será resolvido.<br /> Lembrem-se também que agora temos várias opções de visualizações:<br /> <a href="http://www.dicasblogger.com.br/2011/04/novas-opcoes-de-visualizacoes.html">Novas opções de visualizações no Blogger</a> <br /> <a href="http://www.dicasblogger.com.br/2011/04/extensao-do-chrome-para-as-novas-opcoes.html">Extensão do Chrome para as novas opções de visualização</a>

A nova interface do Blogger

Foi anunciado no fórum do Blogger , em 29/4, que a nova interface do Blogger estaria disponível para alguns usuários (sortudos), no Blogger ...

Continue Lendo >>