VARIAS DICAS PARA MELHORAR SEU BLOGGER

como Funciona o Google Adsense - Ganhar mais Dinheiro Entenda melhor como são escolhidos os anúncios que aparecem no seu blog, assim você poderá saber quais as melhores maneiras de ganhar mais dinheiro com blogs.

Varias Dicas para Melhorar ou Modificar seu Blog, este é um resumo das dicas e tutoriais publicados no mês, entre outras coisas você encontra: configuração de subdomínio, criar gifs animados, dicas de segurança na internet e muitos outros assuntos relativos à blogosfera.

Usar Comunicadores Instantâneos Online - MSN, ICQ, Google Talk, deixar seus visitantes utilizarem esses serviços diretamente de suas paginas pode ser uma maneira interessante de chamar atenção das pessoas, afinal são poucos sites que usam esse recurso tão simples de instalar.

Como Denunciar Plágio no Wordpress, conheça o procedimento para fazer denuncias de plagio no wordpress, afinal não é somente o blogger que sofre com o problema dos copiadores de conteúdo.

Mostrar Marcadores, Comentários embaixo do Título da Postagem: veja os códigos e aprenda como mudar de lugar os comentários, links dos marcadores do seu blog e nome do autor do blog que aparecem em todas as postagens.

Mostrar Postagens mais Comentadas de Cada Marcador do Blog: esse tutorial foi criado a partir de uma pergunta feita em nosso blog, então com esse código você poderá ter a lista das postagens mais comentadas de um marcador do seu blog.

Erros e Duvidas Comuns sobre Blog - Ajuda para Blogueiros ás vezes perdemos visitas no blog por causa de coisas boas então veja aqui alguns detalhes que podem fazer uma grande diferença no seu blogspot.

Mudar o Texto disse.. ao lado do Nome do Autor do Comentário Muita gente acha que não é legal ter a palavra disse ao lado do nome de quem fez um comentário no blogger, se você quiser poderá trocar essa palavra por qualquer outra que desejar através da pagina editar html.

Efeitos Estrelinhas Caindo do Ponteiro do Mouse: Dependendo do tema do seu blog esse efeito de estrelinhas caindo do mouse pode ser muito interessante para distrair seus visitantes e diferenciar seu blog.

Ganhar Tempo e Conseguir mais Visitas no Blog, veja quais atitudes ajudam a conquistar novos visitantes para seu blog e principalmente fazer com que as pessoas voltem mais vezes desta forma transformando os visitantes em leitores que sempre visitam o blog. Por outro lado vejam aqui alguns Erros que Fazem Perder Visitas no Blog e claro tente evitá-los.

Página com os Comentários Recentes do Blogger: crie uma pagina para mostrar seus comentários recentes, assim as pessoas que tiverem curiosidade poderão ver o que outras pessoas dizem do seu blog recentemente.

Problemas com Imagens Distorcidas no Título do Blogger: às vezes enviar imagens para o blogger pode ser um problema, principalmente se elas não estiverem no tamanho correto e se não for possível um tamanho aproximado daquele utilizado no seu blogger.

Continue Lendo

Hoje vou explicar como aumentar o espaço entre o Título da postagem do blog e a data, a mesma configuração pode ser usada para posicionar o título da postagem mais para cima ou mais para baixo do topo da postagem

Hoje vou explicar como aumentar o espaço entre o Título da postagem do blog e a data, a mesma configuração pode ser usada para posicionar o título da postagem mais para cima ou mais para baixo do topo da postagem

Já explique aqui como colocar uma linha para dividir o titulo da postagem no blog.

Entre nas configurações do seu blog, e vá para Editar Html feito isso realize um beckup do seu template para evitar falhas.

Agora em Editar clique em expandir modelos de widgets e em seguida use as teclas CTRL+F para procurar o código que pode ser:

Este..

h1.post-title, h4 {

Se não encontrar o código acima tente este:

h3.post-title {

ou este.

h3.post-title, h4 {

Este código varia do modelo do template procure os três até encontrar o seu.

Após encontrar o código no seu template insira imediatamente abaixo o código a seguir:

margin-top: 0px;

No meu caso o código e este:

h1.post-title, h4 {

E bema qui coloque este código  margin-top: 0px;

Deve ficar assim:

h1.post-title, h4 {

margin-top: 0px;

Se por acaso abaixo do seu código já tiver o (margin-top: 0px) não precisa inseri-lo novamente.

Para aumentar ou diminuir a distancia do título da postagem basta configurar um valor desejado lugar do zero:

margin-top: 0px;

Configurei o meu assim coloquei 15 no lugar do Zero:

h1.post-title, h4 {

margin-top: 15px;

Configure aumentando ou diminuindo o numero de acordo com seu gosto e vá salvando e testando até encontrar a distancia mais adequada para seu blog.

Continue Lendo

Como sempre falamos aqui no PhTutos as redes sociais estão cada vez mais dispostas a ajudar a nós blogueiros. O que devemos fazer é simplesmente instalar nossos blogs nessas redes sociais, como o Facebook e o Twitter. E para isso, existem os gadgets que fazem isso. Os mais eficientes que podemos citar hoje são o Tweet (do Twitter), o Like (do Facebook), o +1 (lançado a pouco tempo pela Google) e o Addthis (esse incrível botão reúne várias formas de compartilhamento). Nesse artigo você vai ver como adicionar um gadget flutuante animado que reúne todos esses 4 botões.

Como sempre falamos aqui no PhTutos as redes sociais estão cada vez mais dispostas a ajudar a nós blogueiros. O que devemos fazer é simplesmente instalar nossos blogs nessas redes sociais, como o Facebook e o Twitter. E para isso, existem os gadgets  que fazem isso. Os mais eficientes que podemos citar hoje são o Tweet (do Twitter), o Like (do Facebook), o +1 (lançado a pouco tempo pela Google) e o Addthis (esse incrível botão reúne várias formas de compartilhamento). Nesse artigo você vai ver como adicionar um gadget flutuante animado que reúne todos esses 4 botões.

Esse gadget anteriormente era possível ser usado somente em blogs da plataforma WordPress.org. Até então que o Claudio Sanches adaptou ele para o Blogger. Mas ainda resolvi adicionar o botão do Addthis e complementar esse gadget.

Se você notar, esse box flutua de forma animada enquanto rolamos a página do blog.

Também mostramos como instalar outros modelos de gadgets assim:

• Botões Flutuantes de compartilhamento
• Novo gadget flutuante para compartilhamento em redes sociais
• Gadget de Redes Sociais para compartilhamento

Como instalar?

Para instalar, basta ir no “Editar HTML” do blog e fazer uma cópia de segurança para prevenir seu blog. Depois, marque a caixinha “Expandir modelos de widgets”.

→ 1° passo

Encontre a linha </head> e logo ANTES dela, cole o código:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(function() {
var offset = $(&quot;#fblog-box&quot;).offset();
var topPadding = 60;
$(window).scroll(function() {
if ($(window).scrollTop() &gt; offset.top) {
$(&quot;#fblog-box&quot;).stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding
});
} else {
$(&quot;#fblog-box&quot;).stop().animate({
marginTop: 0
});
};
});
});
</script>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'>
{lang: &#39;pt-BR&#39;}
</script>
<style type='text/css'>
#floating-fblog {width:60px;}
#fblog-box {border:1px solid #ccc; padding:5px; background:#fff; z-index:9999; display:block; position:absolute; top:200px; float:left; margin:0 0 0 -100px; text-align:center;}
#fblog-box div {margin:0 0 5px;}
</style>

Em vermelho, você pode alterar a espessura da borda do box. Em azul, você pode alterar o tipo de borda, pode mudar para dashed (traçada) e dotted (pontilhado). Em verde representa a cor da borda. Em laranja, representa a cor de fundo do box. Para alterar as cores, pegue o código na nossa paleta de cores aqui.

→ 2° passo

Depois de colado o código anterior, procure pela linha: </body> e adicione o seguinte código logo ANTES:

<script src='http://connect.facebook.net/pt_BR/all.js#appId=102576646508501&amp;xfbml=1' type='text/javascript'/>

→ 3° passo

Faça uma nova busca e encontre a linha: <div class=’post-footer-line post-footer-line-3′> e cole logo DEPOIS, o seguinte código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='floating-fblog'>
<div id='fblog-box'>
<div><a class='twitter-share-button' data-count='vertical' data-related='ferramentasblog:Aprende como criar um Blog - Blogger ou WordPress [ Ferramentas Blog ]' data-via='ferramentasblog' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share'>Tweet</a></div>
<div><g:plusone size='tall'/></div>
<div><div id='fb-root'/><fb:like expr:href='data:post.url' font='arial' layout='box_count' send='true' show_faces='false' width='54'/></div>
<div><div class="addthis_toolbox addthis_default_style "><a class="addthis_counter"></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e5c1b1835b6b565"></script></div>
</div>
</div>
</b:if>

Salve o modelo e veja como ficou.

Continue Lendo

As paginas das redes sociais, estão com certeza sendo usadas bem mais que os blogs. É por esse motivo que podemos aproveitar do sucesso dessas redes. Conseguindo seguidores do Orkut, FaceBook, e etc., você terá mais chance de esses mesmos seguidores quererem ler seu conteúdo. Você também pode colocar no seu blog um gadget que faça com que muitas pessoas que passam pelo seu blog, sigam você nas redes sociais. Consiga esse gadget aqui...

As paginas das  redes sociais, estão com certeza sendo usadas bem mais que os blogs. É por esse motivo que podemos aproveitar do sucesso dessas redes. Conseguindo seguidores do Orkut, FaceBook, e etc., você terá mais chance de esses mesmos seguidores quererem ler seu conteúdo. Você também pode colocar no seu blog um gadget  que faça com que muitas pessoas que passam pelo seu blog, sigam você nas redes sociais. Consiga esse gadget aqui...

O gadget que iremos aprender a colocar é esse aqui:

Como você pode ver, ele já está sendo usado aqui no PHtutos. O código é bastante simples, e para usá-lo você só precisa fazer algumas alterações. Veja:

<center>

<a href="URL-DA-COMUNIDADE-DO-ORKUT"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiplqgINfo6cTuGIrOhaMA571izBgWZSRKJj9KLsr-pTSzgWxdMdrczeESq-ObbP6R6eCVIuTWGI4s5VYLwBTDBPrt2J_-LNNXRJa98cUPcDvQGRxTKixfHoSnREaZrpBDmGc6haf_3n14/s1600/orkut.png"/></a>

<a href="URL-DA-PAGINA-DO-FACEBOOK"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSHq532Vu0We1o4-z4Q-oSPP3cvuU0kUMIvZM99hLd1SvFvAnZ36Tm3x3Iual_WssKqu5-g8vQt4TNt_8BHKaD0wi7mH5Eda18fe7NXe54lSf_e68bxhxMrRcYoxqv7MAi-SuHNIycq1c/s1600/facebook.png"/></a>

<a href="URL-DO-SEU-PERFIL-DO-TWITTER"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHUiAh_NB4w50nSRhOwOA7hdusuOFiWCuzRKQPdofCqTiy0_am26VMlIxAdvEsGvrlTwZaKI8vPZ_gYaznTbTqzHtuTEPtLn7CTal4rMzUhoZyO-WCEfztXFcVsuNWzrxWHtEoRmo08q4/s1600/twitter.png"/></a>

<a href="URL-DO-SEU-CANAL-DO-YOUTUBE"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_6DzMgj1EfokmUMM-OikF0bxVjo_qz_UjL0UiuH-xq4mc_RHRw07mr3Q3sSsyJpniomntoS2Ruer6pZgi7D68QmxU4mfKiyqCUIhgpEGB1yEjq2OXYRggn2bkI8eEceuAWSLw9Mze0QI/s1600/youtube.png"/></a>

</center>

Substitua as partes de acordo com o que se pede. Se você não possui uma conta num dos links acima, você pode apagar a parte referente à ele, ou seja desde <a até </a>.

Depois de tudo pronto, é só colocar num gadget HTML/JavaScript e seus ícones estarão prontos para o uso...

Continue Lendo

No Facebook, existe um gadget muito útil para Blogs. Através desse gadget você pode “Colocar” a página do seu blog no Facebook no Blogger. Ou seja, o que você comenta no Facebook, as pessoas podem curtir sem ter que ir à sua conta no Facebook. Nesse pequeno artigo, ensinarei a colocar esse gadget.

No Facebook, existe um gadget muito útil para Blogs.  Através desse gadget você pode “Colocar” a página do seu blog no Facebook no Blogger. Ou seja, o que você comenta no Facebook, as pessoas podem curtir sem ter que ir à sua conta no Facebook. Nesse pequeno artigo, ensinarei a colocar esse gadget.

Antes acesse: http://developers.facebook.com/docs/reference/plugins/like-box/. Nessa página, você pode personalizar seu gadget. Siga as instruções:

1. Facebook page URL  - Coloque aqui a URL de uma página que você tenha no Facebook (ideia: a página para seu blog);
2. Width  - Escolha a largura do gadget (Conforme as medidas de seu blog);
3. Color Scheme  - Escolha o esquema de cores: Light, com fundo branco e dark, com fundo preto;
4. Show faces - Deixe marcado, se você deseja que o avatar de quem curtiu, apareça, caso contrario, desmarque.
5. Stream - Deixe marcado se você deseja que apareça os últimos comentários na página escolhida;
6. Healer - Marque se você quer que o cabeçalho (a parte azul) apareça, caso contrário, desmarque.

Quando terminado, clique em “Get Code”. Copie o código e cole num gadget HTML/JavaScript do seu blog. E Pronto...

Continue Lendo

muitas pessoas se deparam com essa dúvida ao criar um blog, outros, também cometem vários erros ao dar o nome ao blog.Dar um nome para o blog não é uma coisa fácil. Nesse Post, iremos mostrar alguns pontos que devem ser seguidos antes de escolher o nome do seu blog.

muitas pessoas se deparam com essa dúvida ao criar um blog, outros, também cometem vários erros ao dar o nome ao blog.Dar um nome para o blog não é uma coisa fácil. Nesse Post, iremos mostrar alguns pontos que devem ser seguidos antes de escolher o nome do seu blog.

1. Escolha um nome que combine com seu blog

Muitas pessoas, escolhem um nome para o blog que não tem nada a ver com o conteúdo a ser descrito. Ao pesquisar por um blog no Google, encontrei um blog com o nome de um tema, ao visitar o blog, encontrei um conteúdo totalmente diferente com o tema. Provavelmente não iria voltar naquele blog.

2. Jamais escolha um nome muito Grande

Navegando na internet encontrei um blog com um nome muito, MUITO, extenso, a URL do blog era ‘semelhante’ a seguinte:

tutoriaissobrecomputadoreseinternetbr.blogspot.com

Um nome como esse dificilmente será guardado na mente por um visitante, por isso, escolha um nome fácil de se ‘DECORAR’.

3. Não coloque NOME e URL diferentes

Não é aconselhável colocar um nome no blog com uma URL totalmente diferente. Além de confundir o visitante, também é muito difícil de se ‘DECORAR’, como no ponto anterior, impedindo que outras pessoas se lembrem de seu blog.

4. Escolha um tema que o agrade

Já publiquei um post, mostrando a importância de escolher o tema para o blog, confira o post abaixo e veja qual tema escolher para seu blog:

Continue Lendo

Algumas pessoas morrem de medo de mexer no código-fonte do blog.

Algumas pessoas morrem de medo de mexer no código-fonte do blog.

Código-fonte é o código html do seu blog. Você localiza assim: clique em layout, e em seguida clique na aba Editar html.  Pronto, este é o código do seu blog; tudo o que contém o seu template está expresso neste código-fonte, em linguagem de computador, ou seja, HTML.

Então, como ia dizendo, muita gente morre de medo de mexer e apagar tudo e destruir o blog. Mas isso não acontecerá se você tomar o cuidado de fazer backup do seu blog antes de mexer nele.
Para fazer backup é simples: nesta mesma página Layout, na aba Editar html clique em  
Baixar modelo completo.
Pronto! Agora você tem seu blog salvo em seu pc e se nas mexidas algo der errado é só colocar de volta e tudo será como antes.

Além de explicar sobre backup, ou cópia de segurança para simplificar, vou contar como fazer para alargar a coluna onde você posta seus textos e também a sidebar, que é a coluna lateral.

Faz assim:

No código-fonte do seu blog procure este trecho (use Ctrl+f):

                                                               #outer-wrapper {

Ele se refere à largura total do seu template. No caso do template Mínima (mais comum usado no Blogspot) este valor é 660px.

Para aumentar a largura da coluna do post e/ou da sidebar considere que a soma de ambas as colunas não pode ser maior que esta largura total, certo?  Agora que encontrou, mude o valor para a largura desejada, por exemplo 800px. Assim temos agora um template com 800px de largura total.

Agora procure por este trecho:

                                                                 #main-wrapper {

Ele é que define a largura da coluna do post. Mude para a largura desejada, por exemplo 510px. Visualize.
Agora vamos aumentar a largura da sidebar. Procure este trecho:

                                                               #sidebar-wrapper {

Altere aí o valor da sua sidebar; seguindo o exeplo que estou usando aumente para 260px.
Então, somando temos: 510+260=770. Mas o template não tem 800px de largura total? Sim, mas não é correto usar toda a extensão da largura senão os posts e os elementos da sidebar ficariam muito grudados.
Também é preciso alterar o valor do header, ou seja, do cabeçalho pois senão fica descentralizado. Para fazer isso encontre este trecho:

                                                                #header-wrapper {

Altere o valor que está aí pelo valor total do template,que no meu exemplo é 800px.
Visualize e se estiver tudo certo, salve as modificações.

Uma dica importante é não ter nem medo nem preguiça. Vá mexendo, mudando até ficar do seu gosto e só clique em Salvar quando tudo estiver pronto.

Parece complicado mas é muito fácil e gostoso de fazer, pode crer em mim.

E se você usa um dos novos modelos do Design de modelo do Blogger essa alteração de largura pode ser feita via painel do blog, clicando em Design/Design de modelo/Ajustar Larguras. 

Continue Lendo