Mostrando postagens com marcador Dicas para blogger. Mostrar todas as postagens
Mostrando postagens com marcador Dicas para blogger. Mostrar todas as postagens

Blogger: Inserir um contador de visitas personalizado e/ou padrão no blog

Postado por Handson Matheus 6 de ago. de 2012 21:48
Marcado em:

Dessa vez vamos aprender a inserir um contador de visitas ao blog usando o modelo do blogger e de outros sites que fornecem o gadget. O procedimento é extremamente simples e básico, qualquer um, mesmo que iniciante pode realizá-lo com sucesso

Obs: Antes de fazer qualquer alteração baixe um modelo completo do seu blog. Modelo>Fazer backup/Restaurar>Fazer download do modelo completo.



Inserir um contador através da ferramenta do blogger:

Faça login, clique no blog em que serão realizadas as alterações, navegue até o menu Layout, na próxima página está a estrutura do seu blog, clique em Adicionar Gadget onde você queira que fique o contador. Na próxima janela procure por Estatísticas do blog, na próxima página, altere, se quiser, o título, período, estilo, e opções de estilo. Depois disso clique em Salvar. Se deseja mudar a posição do contador (ainda em Layout), clique no gadget dele, segure e arraste para a posição desejada.

Inserir um contador personalizado através de sites da web:

Primeiramente, antes de qualquer coisa precisamos de algum site da web que disponibilize um contador personalizado para o blog, esse site é perfeito, há vários tipos de contadores, não tem dificuldade em explorá-lo, aqui vai o link: http://contador.s12.com.br/.

Na página do site, escolha um modelo e o número em que a contagem se iniciará. Depois de feito isso, em Endereço do site escreva a URL de seu blog, por exemplo, www.blogdoomatheus.blogspot.com.br. Clique na caixa de EU ACEITO OS TERMOS e depois em Criar contador. Na próxima página, tem uma caixa com um código, selecione-o e copie-o. Faça login, clique no blog em que serão realizadas as alterações, navegue até o menu Layout, na próxima página está a estrutura do seu blog, clique em Adicionar Gadget onde você queira que fique o contador. Navegue até HTML/JavaScript, adicione um título se preferir e cole o código na caixa de digitalização maior, salve. Se deseja mudar a posição do contador (ainda em Layout), clique no gadget dele, segure e arraste para a posição desejada.

Blogger: Como configurar as horas do blog

Postado por Handson Matheus 18:09
Marcado em:

Esse tutorial é bem simples e prático, aprenderemos facilmente a configurar as horas do blog.

O horário do blog no blogger é um enorme problema para muitos blogueiros, pois alguns mais profissionais precisam ter uma informação das horas em que aquele post foi publicado. E é até bom porque você deixa o internauta com uma melhor impressão de organização de seu blog e mais ligado ao post.

Obs: Antes de fazer qualquer alteração baixe um modelo completo do seu blog. Modelo>Fazer backup/Restaurar>Fazer download do modelo completo.

Sem mais delongas... Vamos começar o tutorial.

Faça login, clique no blog em que serão feitas as atualizações, navegue até o menu Configurações que fica logo à esquerda, depois de clicado, irá abrir um submenu abaixo de Configurações, clique em Idioma e Formatação, e logo em Formatação clique no botão que está ao lado de Fuso Horário e procure por sua capital, no caso da minha, Recife, capital de pernambuco. Feito isso clique em Salvar alterações.

Obs: Quando as alterações foram salvas todas as horas erradas serão ajustadas a hora certa em que a postagem foi publicada.



Blogger: Como trocar Postagens mais antigas, Recentes e Início por texto ou imagem

Postado por Handson Matheus 5 de ago. de 2012 22:36
Marcado em:

Fazer uma modificação no texto Postagens mais antigas, Postagens mais Recentes e Início é uma perfeita opção para quem quer deixar seu blog com uma melhor impressão de design. Este procedimento é bem fácil e nele aprenderemos a trocar os links por imagens ou simplesmente mudar o texto.

Obs: Antes de fazer qualquer alteração baixe um modelo completo do seu blog. Modelo>Fazer backup/Restaurar>Fazer download do modelo completo.

 Agora vamos ao tutorial!

Faça login na sua conta do blogger, clique no blog que deseja fazer as alterações, navegue até Modelo, clique em Editar HTML, na próxima página clique em Prosseguir. Agora aperte a tecla F3 ou CTRL+F para abrir a caixa de pesquisa, nela digite o seguinte código e aperte Enter.

<b:widget id='Blog1' locked='true' title='Postagens no blog' type='Blog'>

Após procurado deve está mais ou menos assim o HTML:

<b:includable id='nextprev'>
<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'><data:newerPageTitle/></a>
</span>
</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'><data:olderPageTitle/></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>
</div>
<div class='clear'/>
</b:includable>

O código em Azul troque-o pelo link texto de Postagens mais Recentes
O código em Vinho troque-o pelo link texto de Postagens mais Antigas
O código em Laranja troque-o pelo link texto de Início

Caso queira trocá-los por imagens basta fazer quase o mesmo procedimento, só que ao invés de escrever um texto é só trocar os lugares indicados por o seguinte código:

<img border="0" src="endereço da imagem"/>

Onde está escrito endereço da imagem troque-o pela URL da sua imagem. Para conseguir a URL você precisa já ter as imagens escolhidas e hospedá-las em um site de hospedagem como o ImagesShack. Ou se não quiser ter o trabalho de hospedá-las apenas procure por imagens nesse site abaixo:

Imagens que você pode usar em seu blog:

DIREITA:






ESQUERDA:






HOME:






Para obter as URLS das imagens clique com o botão direito da desejada e depois em Copiar a URL da imagem, feito isso, simplesmente cole em endereço da imagem.

Créditos: 
Dicas para blogs (blog que forneceu a informação)

Escrito por:
Handson Matheus