Dicas para blog: como colocar o título do blog em movimento

1. Vai em Desing >> Editar HTML

2. Pesquise ( Ctrl+f ) por: “</head>”


Abaixo cole o seguinte código:

<script language='JavaScript'> var txt=" Título do Blog "; var espera=90; var refresco=null; function rotulo_title() { document.title=txt; txt=txt.substring(1,txt.length)+txt.charAt(0); refresco=setTimeout("rotulo_title()",espera);} rotulo_title(); </script>

Só mude a onde esta escrito " Título do Blog "


Espero que gostem :D

Leia mais »»

Dicas para blogs: como colocar barra de rolagem no arquivo do blog.

1. Vai em Desing >> Editar HTML e procure por ]]></b:skin>, e ACIMA cole o código a baixo:


#BlogArchive1{<br /> border:1px solid #000; /* ---Coloque borda se quiser ---*/<br /> padding:5px; /* ---edite as medidas ---*/<br /> background-color:#FFFFFF; /* ---Coloque a cor de fundo se quiser---*/<br /> width:auto; /* ---defina a largura se quiser ---*/<br /> height: 200px; /* ---edite a altura ---*/<br /> overflow: auto;<br /> }

Prontinho :*

Leia mais »»

Dicas para blogs: como mudar a setinha de arquivo do blog .

1. Vai em " Desing " >> " Editar HTML "
OBS: Não precisa você" Expandir  modelos de widgets "

2. E procurre (Ctrl+f)  por ]]></b:skin>, e ACIMA cole o seguinte código:

.BlogArchive #ArchiveList a{<br /> background: url(URL-DO-ICONE) no-repeat scroll 10px center;<br /> font-size:14px; /*--edite tamanho da fonte--*/<br /> color: #000; /*--edite cor da fonte--*/<br /> padding:5px 3px 5px 25px; /*--edite espaçamento se quiser--*/<br /> text-indent:0px;<br /> list-style-type:none;<br /> }<br /> .BlogArchive .zippy {<br /> display:none;<br /> list-style:none outside none;<br /> }
 A onde está URL DO ICONE cole o site da imagem, no meu caso a imagem que está e:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0LfSDwS3qn_vwf8y5NNEq1vWzxK5rrEx4Ro_NWj6whdpImOEpopek57ZnQi0cVMe7lbQYJEgiPxFzNUl478xmc-nrPKjIJNTfxxCVxLRtBa3l7mYqFcPM59FMzVNrFZR1AwCeh6uJV5LF/s1600/tumblr_lohouj58n11qda978.png     OU   

Caso tenha alguma dúvida deixe um " Recadinho" ;D

Leia mais »»

Dicas para blogs: como colocar texto rolando em seu blog

1. Vai em Desing >> Editar HTML

2. Adicione um elemento HTML e cole o código a baixo:


<marquee heigth="200" widht="200" direction="up" behavior="scroll" onmouseover="this.stop() " onmouseout="this.start()" scrollamount="3"><br /> <br /> <center><br /> <span style ="font-style:italic;"><h1>texto aqui</h1><p><br /> </center></marquee>

Vejam como fica:

Exemplo!!

Leia mais »»

Dicas para blog: como colocar contador de postagens e comentários no blog.

1. Vai em Desing >> Elementos da página

2. Adicione um elemento HTML e cole o código a baixo:

<div style='height:40px;float:left;padding:8px;'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhu7-sHL7ndVv8nW-z1vgjs6jIX47zz9Tn32ET-kdkruFEcfbjwoPmT7mVcdKjb4gAJ42pu7QfbnOMBztfCLmt3RZ2wiZG0Nd23p804cOHZTjEizXcZqsXJ8-kV7u_EYIA7eLBl9FiOF1U/" style="margin-right:8px;float:left;" /><br /> <span style="float:left;margin-top:2px;padding:0;"><br /> <script style="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><br /> <script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> Comentários</span><br /><br /> <span style="float:left;margin:0px;padding:0px;"></span><br /> </div><div style='float:left;padding:8px;'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHJgEWyxGZBmrxvLbZ7msE9iAoKwiE4ACklzP7Qff0le6teS0Q9KQqcy1zZf7gw82slo-wkCeHBoW23KzaGgNjt-LcIX_APkrIAWO92mch4ghpThcnjXQWMESv8jtxPSHwGg97obtDDM4/" style="margin-right:8px;float:left;" /><br /> <span style="float:left;margin-top: 2px;padding:0; "><br /> <script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> Postagens<br /> </span><br /><br /> <br /> <br /> </div><div style='clear:both;'/><center><br /> </center></div>
Vejam como fica:

Espero que gostem ♥

Leia mais »»

Dicas para blogs: como colocar balão de cometários do lado do título da postagens.

1. Vai em Desing >> Editar HTML  marque expandir modelos de widgets procure ( Ctrl+f) por:



<class='post-title entry-title'>

                                        OU

<b:includable id='post' var='post'>

2. A baixo cole esse:

<span class='post-comment-link-arriba' style='background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKI5yI5TPh990bxZ6QAkwHdk3BNruhR6EXXTUFWzOHD0TR2C90tAzzoi0KIo9LqFhvBCGI-aFPSrjDomPw13LZ99p84SvLQZJH_OMrT8AvoAzuagHwv2SvalwtsjGWpXW8OcX8NMo8xTQ/s400/bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right;padding-top:8px'> <br /> <b:if cond='data:post.allowComments'> <br /> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a> <br /> </b:if> <br /> </span>

Leia mais »»

Dicas para blogs: como colocar tradutor no blog.

1. Vai em Desing >> Elementos da página

2. Adicionar um Gadget

3.  Adicione um : HTML/JavaScript

E cole o código :


<div style="border:1px solid #ccc;padding:10px 4px 3px 4px;text-align:center;background-color:#efefef;"><!--–GOOGLE TRANSLATE MINI FLAGS–--><div align="center"><!--– Add Portuguese to Chinese (Simplified) BETA –--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Czh-CN&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Chinese (Simplified) BETA"><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Chinese" src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke4C8za2I/AAAAAAAAAkU/Mpfn_ntCweU/China.png" title="Google-Translate-Chinese"><!--– END Portuguese to Chinese (Simplified) BETA–--><!--– Add Portuguese to French –--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cfr&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to French "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to French" src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkfGSkRgfI/AAAAAAAAAkc/X4E87SASLtA/France.png" title="Google-Translate-Portuguese to French"><!--– END Portuguese to French –--><!--– Add Portuguese to German –--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cde&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to German"><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to German" src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke3rFjMUI/AAAAAAAAAkE/o0kR0MfngXA/Germany.png" title="Google-Translate-Portuguese to German"><!--– END Portuguese to German –--><!--– Add Portuguese to Italian –--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cit&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Italian"><img alt="Google-Translate-Portuguese to Italian" style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke2xCmrPI/AAAAAAAAAj0/Jv14yyDo1i4/Italy.png" title="Google-Translate-Portuguese to Italian"><!--– END Portuguese to Italian –--><!--– Add Portuguese to Japanese BETA –--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cja&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Japanese BETA"><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to Japanese" src="http://lh5.ggpht.com/_mcq01yDJ2uY/Sdke3f2KbNI/AAAAAAAAAj8/xyGLFdUZbVY/Japan.png" title="Google-Translate-Portuguese to Japanese"><!--– END Portuguese to Japanese BETA –--><!--– Add Portuguese to English –--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cen&en=pt&en=UTF8'); return false;" title="Google-Translate-Portuguese to English "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to English" src="http://lh4.ggpht.com/_mcq01yDJ2uY/SdkhG4bjxqI/AAAAAAAAAks/Ws6AzZdnZTw/United%20States%20of%20America%20%28USA%29.png" title="Google-Translate-Portuguese to English"><!--– END Portuguese to English –--><!--– Add Portuguese to Russian BETA –--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Cru&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Russian BETA "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to Russian" src="http://lh5.ggpht.com/_mcq01yDJ2uY/SdkfGVESWsI/AAAAAAAAAkk/-ruu99vFElQ/Russian%20Federation.png" title="Google-Translate-Portuguese to Russian"><!--– END Portuguese to Russian BETA –--><!--– Add Portuguese to Spanish –--><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=pt%7Ces&hl=pt&ie=UTF8'); return false;" title="Google-Translate-Portuguese to Spanish "><img style="border: 0px solid ; cursor: pointer; width: 32px; height: 32px;" alt="Google-Translate-Portuguese to Spanish" src="http://lh3.ggpht.com/_mcq01yDJ2uY/Sdke312ethI/AAAAAAAAAkM/KeACgltRc38/Spain.png" title="Google-Translate-Portuguese to Spanish"><!--– END Portuguese to Spanish –--><br /> <center><a href=http://www.dicasblogger.com.br/2009/04/translator-widget-tradutor-para-blogs.html target="_blank"><small></small></a></center></img ></a ></img ></a ></img ></a ></img ></a ></img ></a ></img ></a ></img ></a ></img ></a ></div></div>

Prontinho :D

Leia mais »»

Dicas para blogs: como colocar Postagens relacionadas em seu blog.

1. Clique aqui

2. Coloque as informações como mostra a imagem a baixo em seguida aperte " Get Widget " como mostra a  imagem a baixo:

3. Depois vai amostrar quais os procedimentos você deverá relizar leia tudo com atenção e clique em Install Widget

Leia mais »»

Dicas para blogs: como colocar caixinha de texto em suas postagens :D

1.Para colocar a tag a baixo você tem que ir em Editar HTML vejam:

Cole a tag a baixo

<textarea cols="50" rows="5" style="background-color: #ff0066; color: 000000;" wrap="soft">texto aqui </textarea>

Vejam como vai ficar :

texto aqui

Em rosa: cor do fundo da caixa do texto
Em vermelho : cor do texto

Leia mais »»

Dicas para blogs: como tirar "Tecnologia do Blogger"

1. Vai em Desing >> Editar HTML e procure (Ctrl+f)por:

<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>

2. Apague a linha e Salve Modelo

3. Em seguida vai aparecer esta imagem :

5. Clique em EXCLUIR WIDGETS

Leia mais »»

Dicas para blogs: como colocar mensagem assim que entrar no blogger.

1. Vai em Desing >> Editar HTML

2. Pesquise (Ctrl+f) por </body>


3. Copie esse código OBS: Primeiro edite ('texto do alerta')

<br /> <script>alert('texto do alerta');</script><br />

4. Cole o código acima em cima de </body>

Leia mais »»

Dicas para blogs: como trocar texto "Postagens mais antigas" por imagens cute *--*

1. Vai em Desing >> Editar HTML

2. E selecione a opção "Expandir modelos de widget"

3. Procure (Ctrl+f) por: <div class='blog-pager' id='blog-pager'>


4. Retire esse trecho há baixo

<br /> <span class="Apple-style-span" style="color: purple;"><b><div class='blog-pager' id='blog-pager'></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><b:if cond='data:newerPageUrl'></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><span id='blog-pager-newer-link'></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b></span></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b></b:if></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><b:if cond='data:olderPageUrl'></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><span id='blog-pager-older-link'></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b></span></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b></b:if></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><b:if cond='data:blog.homepageUrl != data:blog.url'></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><b:else/></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><b:if cond='data:newerPageUrl'></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b></b:if></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b></b:if></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b></div></b></span><br /> <span class="Apple-style-span" style="color: purple;"><b><br /> </b></span><br />


E cole esse:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img src='http://lh3.ggpht.com/_TynNgYvgXh4/TaLcFhYSdRI/AAAAAAAAAV4/koeiqPFCFro/TH7.gif'/></a>
      </span>
    </b:if><b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if><b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img src='http://lh4.ggpht.com/_TynNgYvgXh4/TaLcFvcfUjI/AAAAAAAAAV0/pDn15Daa-jQ/TH8.gif'/></a>
      </span>
    </b:if>
 </div>
</b:if>
OBS: Não colei o texto acima na caixinha porque quando eu colco a cor verde a amarela somem.
5. Trecho em amarelo :  seta 

Trecho em verde: seta 

Espero que gostem eu pelo menos AMEI :*

Leia mais »»

Dicas para blogs: como remover assinar postagens atom ;D

1. Vai em Desing >> Editar HTML e marque a opção Expandir modelos de widgetes.

2. Procure (Ctrl+f) por <b:include name='feedLinks'/> 


3. Assim que você encontrar apague <b:include name='feedLinks'/> 

Leia mais »»

Dicas para blogs: como colocar cortininha no blog

1. Vai em Desing >> Elementos da página

2. Adicione um Gadget HTML/JavaScript e cole o seguinte código:

Lado direito: <div style=" background-image: url('LINKDOPATTERN'); top: 0px; right: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>

Lado esquerdo: <div style=" background-image: url('LINKDOPATTERN'); top: 0px; left: 0px; width: 50px; height: 100%; z-index: 100; position: fixed;"></div>

No topo: <div style=" background-image: url('LINKDOPATTERN'); top: 0px; left: 0px; width: 100%; height: 50px; z-index: 100; position: fixed;"></div>

Embaixo: <div style=" background-image: url('LINKDOPATTERN'); bottom: 0px; left: 0px; width: 100%; height: 15px; z-index: 100; position: fixed;"></div>

Leia mais »»

Dicas para blogs: como colocar um contador de visitas cute :D

Clique aqui e vá para o site e totalmente grátis :D

1. Vai em  

2. Depois e só você editar seu contador de visitas. Como mostra a imagem a baixo.

3. Depois e só clicar em GET YOUR FLAG COUNTER

4. Vai dois códigos você copia o primeiro como mostra o a imagem a baixo.

5. Depois no seu blog vai em Desing >> Adicionar um Gadget como mostra a imagem a baixo.

6. Em seguida vai abrir uma guia procure por HTML/JavaScript e clique em cima dela, como mostra imagem a baixo.

7. Depois vai abrir outra guia então cole o código que você copiou, como mostra a imagem a baixo.

Espero que gostem ;D

Leia mais »»

Dicas para blogs: como bloquear copia de texto de seu blog.

1. Vai em Desing >> Editar HTML

2. Procure ( Ctrl+f) por <head>


A baixo cole o código:


<script
language="JavaScript1.2">
function disableselect(e){
return false
}
function reEnable()
{return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if
(window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Leia mais »»

Dicas para blogs: como bordas nas postagens de seu blog.

1. Vai em Desing >> Editar HTMLe marque a opção Expandir modelos de widgets.


2. Pressione as teclas CTRL+F e procure por .post {



3. Abaixo de .post { cole

border: solid   2px   #FF44CC;

•     Verde tipo de borda

•     Rosa expessura da borda

•     Vermelho cor da borda

Espero que gostem, beijinhos :*

Leia mais »»

Dicas para blogs: como colocar " Leia mais " nas postagens.

1. Entre no painel do blogger vai em Desing >> Editar HTML.

2. Depois selecione a opção expandir modelos de widgets.

3. Procure (Ctrl+f) por :

<div class='post-body entry-content'>
<data:post.body/>

 4.Substitua <data:post.body/> por:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<div style="clear:both" align='right' class='rmlink'><a expr:href='data:post.url'>Leia mais »»</a></div>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/>
</b:if>

Leia mais »»

Que legal!!

• ( Alt+7)

◘ ( Alt+8)

○ ( Alt+9)

♦ ( Alt+4)

♣ ( Alt+5)

♠ ( Alt +6)

☺ ( Alt+1)

☻ ( Alt+2)

♥ ( Alt+3)

Leia mais »»

Dicas para blogs: como trocar a cor de seleção de texto

1- Vai em : Desing >> Editar HTML >>

2- Pesquise ( Ctrl+f) a tag ]]></b:skin>.

3- Acima dessa tag cole o código a baixo

::selection {
background: #c4daca;
}
::-moz-selection {
background: #c4daca;
}


4- Na pate rosa cole o hexadecimal que desejar.

Aqui vai uma tabela de cores 

Leia mais »»