Voltamoossssssssss...Depois de quase um ano sem postar, o Templates E Dicas DNB esta voltando a ativa, e iremos continuar se Deus quiser.Ficamos inativos por esse tempo por causa de problemas pessoais, tecnicos e falta de tempo.Agraco a compreensao de todos. O Blogger inovando pesado ultimamente! Esse ano pode ser considerado O ano das novidades do Blogger.A novidade da vez e a personalizacao total do seu blog para mobile. Basta conhecer HTML e estudar um pouco os novos codigos do Blogger.Como modificar o template para mobile?Por enquanto (nao sei ate quando) so e possivel criar uma versao para celular trabalhando diretamente com codigos. Se voce nao esta muito animado com isso, contrate um desenvolvedor ou escolha um modelo disponivel no Blogger. Aprenda como fazer suas modificacoes:1) Faca login no Blogger, acesse o Modelo do seu blog e clique na engrenagem abaixo da opcao Celular.2) Escolha Sim, mostrar modelo para celulares em aparelhos celulares. Depois em modelo para celular, escolha Personalizar e salve.3) Agora a parte mais dificil (todavia nao e um bicho de 7 cabecas), faca seu layout para mobile.Fonte: http://www.ferramentasblog.com#sub-box{background: border:1px solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}#sub-box h1{margin-top:5px; color:#000;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}#sub-box input{background: -moz-linear-gradient(center top , #FAF0E6, #EFEFEF) repeat scroll 0 0 transparent;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}#sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}#sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}#sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}Receba nossas atualizacoes: Com o novo botao Tweet (oficial do Twitter) qualquer um pode compartilhar o seu artigo em segundos. Ele carrega rapidinho. Sao tres tipos de botoes muito simpaticos: Vertical (com contagem de tweets), Horizontal e Sem contagem. Nesse post vamos aprender como adicionar esses botoes Twitter no seu blog Blogger.Siga os passos:1 -Entre na pagina do TWITTER e escolha o modelo que deseja exibir. Se quiser, tambem pode definir um texto para os tweets, clicando na aba Tweet Text2- Voce vera abaixo o codigo que devera ser copiado e colado em seu template. Copie e cole em um bloco de notas.3 Faca login no Blogger, clique em Design e depois Editar HTML e marque a opcao Expandir modelos de widgetsPara exibir o botao abaixo do titulo do post, procure pelo trecho:<div class='post-header-line-1'>Cole o codigo do botao que voce copiou, ABAIXO desse trecho.Para exibir o botao no final das postagens, cole o codigo do botao ABAIXO do seguinte trecho:<div class='post-footer-line post-footer-line-1'>Prontinho!#sub-box{background: border:1px solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)}#sub-box h1{margin-top:5px; color:#000;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px}#sub-box input{background: -moz-linear-gradient(center top , #FAF0E6, #EFEFEF) repeat scroll 0 0 transparent;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;}#sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;}#sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}#sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent}Receba nossas atualizacoes: PROMOCAO IPAD 1o como funcinoa?A promocao funciona assim, no final desta postagem ira ter uma