Tutorial - Passarinho Do Twitter Sobrevoando no Blogger

 Nossa Avaliação Do Conteúdo:

Descrição: Iremos aprender a como colocar um passarinho do Twitter em seu blog, no qual permite vocês com a publicidade, fazendo que seus blogs fiquem mais visitados.  

Gênero:  Tutoriais, 

Créditos: Baixe Grátis Piá

Tutorial:

1º Adicionando código no Gatget:
Vá no Layout do blog, e clique em "Adicionar um Gadget".
Adicione um novo HTML/JavaScript com um dos códigos abaixo:

Passarinho do Twitter Branco:

</div> <script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script><br /> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEuTQH5uZtpFEh7qk6vt0dZYOdlD9FTZm2mKHto18pjKiQBFzG0AA264qOYXTV5cf4WQCHPkTZWp5Cj2E4ylqpC06EaTAgJisWwuJtkstlewKg4prCOKpC11ZQJ-4C7D48p0lL33-B_gg/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/seutwitter";var tweetThisText = "Twitter -seutwitter http://link do seu blog/";tripleflapInit(); </script>
Passarinho do Twitter Azul:

Tutorial - Treno Do Papai Noel Voando No Blog

 Nossa Avaliação Do Conteúdo:
Descrição: Como colocar treno papai noel voando no blogger! 

Gênero:  Tutoriais, 

Créditos: Baixe Grátis Piá

Treno do Papai Noel sobrevoando sobre seu blog.

Procure por </body> e cole o código abaixo antes do </body> e clique em Salvar Modelo!

<!-- Papai Noel voando pelo blog --> <script src='http://blogparts.giffy.me/0017/parts.js' type='text/javascript'/> </script><!-- Papai Noel voando pelo blog -->

Gostou? Comente!

Tutorial - Xat Em Baixo/Rodapé Do Blog

 Nossa Avaliação Do Conteúdo:
Descrição: Como colocar xat.com no fim da página/rodapé do Blogger!  

Gênero:  Tutoriais, 

Créditos: Premium Designer 3D

Tutorial:

Neste tutorial iremos aprender a como colocar xat em baixo de seu blog.

1° Vá Modelo > Editar HTML

Procure por (Ctrl + F): ]]></b:skin>  Em cima da tag ]]></b:skin> cole este código:

.gbtab { height:48px; width:677px; margin-left: 45px; cursor:pointer; background:url('http://i.imgur.com/nd8p2.png') no-repeat; margin-top:0px; } .gbcontent { float:left; border:7px solid #000; background:#fff; -webkit-border-radius: 20px; border-radius: 20px; -khtml-border-radius: 20px; padding:8px; } 2º Fazendo isso, procure novamente (Ctrl + F) por: </body> Abaixo da tag </body>, cole este código:

<div id='gb'> <div class='gbtab' onclick='showHideGB()'> </div> <div class='gbcontent'> <div style='line-height:0;background-position:center;width:735px;height:310px;'> <embed align='middle' allowscriptaccess='sameDomain' flashvars='id=182138940' height='310' name='chat' pluginspage='http://xat.com/update_flash.shtml' quality='high' src='http://www.xatech.com/web_gear/chat/chat.swf' type='application/x-shockwave-flash' width='735' wmode='transparent'/> </div> </div> </div>
Para mudar para o seu xat, procure no código que você colocou abaixo da tag </body> procure pela ID: 182138940 e substitua pela sua ID no site XAT.COM.
Gostou? Comente!

Tutorial - Mudar Primeira Letra Do Título Das Postagens e Sidebar

 Nossa Avaliação Do Conteúdo:
Descrição: Como mudar cor da primeira letra da postagem ou sidebar blog/site  

Gênero:  Tutoriais, 

Créditos: Baixe Grátis Piá

1. Vá Em Modelo > Editar Html > e Procure Por ]]></b:skin>

2. Acima dela cole o código abaixo:

h2:first-letter { color: #8A2BE2; < font-size: 18px;} h3.post-title:first-letter{ color: #ffffff; font-size: 24px;}

3. O Código h2:first-letter { é o código da primeira letra do titulo da sidebar, e o h3.post-title:first-letter{ é o código da primeira letra do titulo da postagem.

Importante:

No Código procure por Color: e mude #8A2BE2; e #ffffff; pela cor que desejar

Esse site disponibiliza todas as cores:

Gostou? Comente!

Tutorial - Como colocar Selo 100% Seguro no Site/Blog

 Nossa Avaliação Do Conteúdo:
Descrição: Como colocar selo site 100% seguro blog/site facilmente segue o tutorial! 

Gênero:  Tutoriais, 

Créditos: Baixe Grátis Piá

Tutorial:

Aceda o painel do blogger e vá em:

Layout > Adicionar Gadget > HTML/JavaScript

Coloque o código abaixo no HTML criado:

<div style="position:fixed; bottom:-3px; right:0px;"> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwD2qKbOr80b95VMkuxHikFbhvfZo_oHwWMTZsWGDEozkxpj0a_5y2EqLPdSqGlA_tsNR2jixTeyy4DjzxYaSG1_ctE8f-x0gCmVaBz4Pl43q_j2qBRf8eViIvXqFMsD2lHjTQ5wT3Tew/s1600/selositeseguro%252Bbaixegratispia.png" /> </div>
e Salve.
Gostou? Comente!

Tutorial - Botões Redes Sociais Giratória

 Nossa Avaliação Do Conteúdo:
Descrição: Como colocar botões redes sociais Giratórias no blog/site links !  

Formato: PNG

Gênero:  Tutoriais,

Créditos: Baixe Grátis Piá

Tutorial:

Com base neste tutorial podemos adicionar redes sociais Giratórias no Gadgets do blog

No painel do Blogger, clique em Layout e em Adicionar um Gadget (botão da sidebar). Selecione o item HTML/JavaScript e cole o código abaixo.

<div class="widget-container"> <div class="social-profiles-widget"> <!-- Place this code where you want the badge to render. --> <div id=""> <style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style><br> <center> <div id="social"> <!--Start Rss Icon--><br> <a href="LINK-RSS" target="_blank" title="Pegue o nosso feed rss"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh63g1te4N6qL7H42utr-a6rSlFOU8rNM06SkheluUflJ3SoYpYv4NBedrZ5n2_d3iPDIgMmDDovk8qt0nSgh7l314PePb9-gigZlj6pRtpvEPZ-wLwnbWCWirKcS-3GMY8XCjKPfDhx4A/s1600/BOTAORSS%252BBAIXEGRATISPIA.png" alt="Icon" border="0" style="margin-right:1px;"></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a href="EMAIL-RSS" rel="nofollow" target="_blank" title="Receba atualizações gratuitas por e-mail"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwS08wB5roMN3WGeUVhGoovYoVAjyJ5F5Hii3fnQzT6jph4bgQrITu5OYkZJA2x6j7gv0qFhN01Glho95HQ9ng_W1BvHhMBujFcQBrSeAXUjCAnJXOTy1dyrRhEPU-WVgMfv21oMeL8s/s1600/BOTAOEMAILRSS%252BBAIXEGRATISPIA.png" style="margin-right:1px;"></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--><a href="LINK-FaceBook" rel="nofollow" target="_blank" title="Curta a nossa página do facebook"><img alt="Icon" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjllxXf-19HtZ2ttrBKlAokj0pv6Eg1DpXBbJ5Founn8wjAKbSbs_8b6OIsic5iZ0ufOp0J878I-oJ0QvWP19W4sk5nHo9DZ8fdZmnDkKs3iDoCvayHHmzWSuIJght5TRT-7VlXDT4Ghts/s1600/BOTAOFACEBOOK%252BBAIXEGRATISPIA.png" style="margin-right:1px;"></a><!--End Facebook Icon--> <!--Start Twitter Icon--> <a href="LINK-TWITTER" rel="nofollow" target="_blank" title="Siga-nos no twitter e receba atualizações"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg09zxAwrcLTAV5pVoXRFVET7keDPTiIVj_XY0QpPYNqdXZOzyqgSIwURhk4YaZC0hBCvKKRzsPyNmDjPdPnlNYdAWg3dBXO0cK5JXvG9Ir_ia2hjISS0vVvn9_x683-rZ1_hk7eREObAs/s1600/BOTAOTWITTER%252BBAIXEGRATISPIA.png" alt="Icon" border="0" style="margin-right:1px;"></a> <a href="Google+" rel="nofollow" target="_blank" title="Siga-nos no google+"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGrJf8F6hQMtagJnFTYdnLB8PVKYR-R07xDbnZXuJK7R-mbAjX4TlF_adw_pMx-3lWIzTOR43D-_U8lYaq_Y_prc43-vl3EhgGm0CfPyBqcWvJbpcXtNNiEE8ApnRjeb4wMGNBiYKjquQ/s1600/BOTAOGOOGLE%252BBAIXEGRATISPIA.png" style="margin-right:1px;"></a><!--End Google+ Icon--> </div> </center> </div> </div> </div>
E Salve!

Gostou? Comente!

Tutorial - Botão Descer Fim da página Ao XAT

 Nossa Avaliação Do Conteúdo:

Descrição: Como colocar botão para descer até o fim da página, Basta alterar o botão caso não tenha xat.com no seu Blog/Site!

Formato: PNG

Gênero:  Tutoriais, 

Créditos: Baixe Grátis Piá

Com base neste tutorial podemos adicionar uma imagem ao clicar nela irá descer a página totalmente, quando o xat está no final da página.

No painel do Blogger, clique em Layout e em Adicionar umGadget (botão da sidebar). Selecione o item HTML/JavaScript e cole o código abaixo.

<!-- Descer --> <p> <a style="display: scroll; position: fixed; bottom: 5px; left: 5px;" title="Descer Página" href="#GoDown"><img style="border: 0;" src="http://images.comunidades.net/sup/supercreate/desceraoxat.png" alt="" /></a> <a id="GoDown" name="GoDown"></a></p> <!-- Fim --> E Salve!
Gostou? Comente!