Novo Gadget Formulário de Contatos do Blogger

Novo Gadget Formulário de Contatos do Blogger

Todo blog precisa de um Formulário de Contato onde os visitantes podem falar diretamente com o autor do Blog, sem que você precise divulgar seu e-mail publicamente. O Blogger agora tem um Gadget (Elemento de página) só para isso e que pode ser incorporado na sidebar.

Mostrando que o Blogger está sempre melhorando e criando recursos para seus usuários, acabaram de lançar um novo Gadget para a barra lateral (sidebar). Algo bem simples e prático de incorporar, sem precisar de códigos ou configurações difíceis.

Como inserir o código (bloco) do Adsense entre o título e o post no blogger (blogspot)

Como inserir o código (bloco) do Adsense entre o título e o post no blogger (blogspot) mundodoblog.com.br

Em um dos meus blogs hospedados no Blogger, utilizo um bloco Adsense entre o título do post e o texto e muitos visitantes me perguntam como fazer isso já que não é simplesmente acrescentar o código no HTML do Blogger, pois ele não vai funcionar.

Quem já estudou sobre as melhores posições dos anúncios Adsense, sabe que esse é o melhor bloco, pois o leitor é obrigado a passar os olhos nele, visto que esta entre o título e o post e é sem dúvidas o bloco mais clicado.

Foto e nome do autor do post abaixo do titulo do artigo

Foto e nome do autor do post abaixo do titulo do artigo Eu já mostrei como colocar o nome do autor do Post Abaixo do Titulo, assim como mostrei como incluir uma Biografia do autor do post no rodapé do artigo. Hoje veremos como incluir uma foto ao lado do nome do autor do post, logo abaixo do título da postagem no blogger. Este recurso é bem(...) [[ Este é apenas um resumo do conteúdo. Visite o Mundo Blogger para ver o artigo completo ]]

como mostrar o resumo de seus artigos

Essa é uma dúvida recorrente no Yahoo! Respostas e em meu Skribit: como mostrar apenas o resumo dos artigos na página principal do blog? Neste artigo, mostro como utilizar o recurso “jump break” do Blogger, tanto para quem escreve seus textos diretamente no Blogger quanto para quem o faz utilizando o Windows Live Writer. Não se trata de um recurso novo, mas que é importante por possibilitar melhorias no layout de seu blog e diminuição de sua taxa de rejeição. Como configurar a exibição dos resumos? Em setembro/09 foi lançado no Blogger o recurso chamado “jump break” (veja a matéria Jump Break – o hack “Leia mais” do Blogger do Dicas Blogger sobre o anúncio). Com isso, não é mais necessário realizar alterações em seu template para mostrar o resumo dos artigos, como era necessário antes (a não ser que você utilize um template personalizado antigo). Por padrão, esse recurso já vem ativado. A única configuração possível é alterar o texto que será exibido no link para o artigo completo. Para verificá-lo e alterá-lo, siga os passos: 1. Acesse http://www.blogger.com e entre com seu usuário e senha. 2. Entre na área de “Design” do seu blog. 3. Edite o gadget “Postagens no blog”. 4. Na caixa “Texto do link da página de postagem” está o texto que será exibido em sua página principal, no link para o artigo completo. Se desejar, altere essa mensagem e clique no botão “Salvar”, no final da página. Como inserir a quebra no editor do Blogger? Se você escreve os seus artigos diretamente no Blogger, primeiro precisa garantir que está utilizando o editor atualizado. Para fazer isso, é só entrar em “Configurações” / “Básico” e verificar a opção “Selecionar editor de postagem”, próximo ao final da página. Ele deve estar como mostrado na figura abaixo: Quando você for escrever um novo artigo no editor do Blogger, deve utilizar o botão destacado abaixo para inserir a “linha de quebra” do artigo (ele só aparecerá se você estiver na aba “Escrever”). O que ficar antes da linha, será exibido na página principal. O que estiver depois dela, será exibido somente ao entrar na página do artigo, onde ele será mostrado completo. Se você entrar na aba “Editar HTML”, verá o código

Tutorial completo e detalhado sobre as novidades de SEO do Blogger

Uma das maiores deficiências do Blogger era a tremenda dificuldade de aplicarmos técnicas importantes, mas básicas, de SEO na estrutura do Blog e ajudar a aparecer melhor nos resultados orgânicos (naturais) do Google. Agora, finalmente, o Blogger resolveu esse problema com um completo painel de Configurações para “Preferências de pesquisa”. São muitas opções nativas no painel e rápidas de modificar com recursos de SEO indispensáveis para a sobrevivência de qualquer blog. Mas é preciso ter alguns cuidados com a novidade do Blogger.

Esta é a maior mudança estrutural e de recursos que o Blogger já aplicou e, provavelmente seja a mais importante e relevante para os blogueiros que usam essa plataforma (Agora só falta melhorar o sistema de comentários, mas…). É possível configurar seu blog totalmente com as melhores técnicas de SEO, sem precisar mexer em códigos.

Vou mostrar nesse tutorial tudo o que mudou e como você pode tirar o máximo de proveito de todos os novos recursos que apareceram no menu “Configurações” junto à parte “Preferências de pesquisa”. Recomendo ler com muita paciência, pois se as configurações não forem bem feitas, o prejuízo para o blog será muito maior. O tutorial é longo, mas pode salvar seu blog.

como criar um blog passo a passo

Como criar um blog no Blogger Blogspot

Nos últimos tempos, o que tem causado a maior revolução da comunicação na internet foi a explosão dos blogs. Cada vez mais novos blogueiros têm criado suas páginas e expressado suas idéias. Esta adesão de pessoas transformou a comunicação virtual em uma via de mão dupla e tirou o poder de emissão das grandes corporações e jornais. A palavra “blog” é uma abreviação para a expressão inglesa weblog, ou seja, registro virtual. Este registro diz respeito a qualquer coisa que o usuário deseje publicar. Dessa maneira, o leitor também pode produzir informação! Saiba como se tornar um destes blogueiros em poucos passos. 

Primeiro, entre com a sua Conta Google no site do Blogspot (www.blogspot.com) . Caso você ainda não tenha uma Conta Google, entre no site www.google.com.br e clique na parte superior direita da tela em “Efetuar Login”, em seguida clique em “Crie uma conta agora” e preencha os dados. Feito isso, vá ao site do Blogspot e entre com seu login e senha.

Gadget Flutuante com Contador no Blogger

1ª Parte - Backup 

---

Primeiramente, efetue login em seu blog e faça um backup completo do seu template no caso de algo sair errado.

Vá em Modelo e depois clique em Fazer backup/Restaurar (na parte superior direita). Após isso, clique no botão Fazer download do modelo completo.

---

2ª Parte - Adicionando o Código 

---

1. Agora, nesta mesma página, clique em Editar HTML > Prosseguir e marque a opção "Expandir modelos de widgets"

2. Dentro do template, pressione as teclas Ctrl + F do teclado e procure pelo seguinte código:<b:includable id='post' var='post'>

3. Exatamente ABAIXO (depois) deste código pesquisado acima, adicione TODO o código a seguir. 

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-80px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fafafa;padding:0 0 2px 0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>

<div id='pageshare' title='Compartilhe com seus amigos'>
<div class='sbutton' id='gb'><script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/><fb:like font='' layout='box_count' show_faces='false'/></div>
<div class='sbutton' id='rt'><a class='twitter-share-button' data-count='vertical' href='http://twitter.com/share'>Tweet</a><script src='http://platform.twitter.com/widgets.js' type='text/javascript'/></div>
<div class='sbutton' id='gplusone'><script src='https://apis.google.com/js/plusone.js' type='text/javascript'/><g:plusone size='tall'/></div></div>
</b:if></b:if>

Nota: O gadget não aparecerá na homepage do seu blog/site, apenas nos posts individuais. Se você quiser que ele apareça em qualquer parte do blog, basta remover as duas primeiras linhas e a última do código acima.

4. Visualize e veja se está tudo ok. Se estiver, salve a alteração e pronto.

---

3ª Parte - Personalizando 

---

Você pode alterar o lado onde o gadget ficará (esquerdo ou direito), o background, borda e a distância entre o campo de postagem. Para isso, iremos modificar apenas as áreas equivalentes a estas partes no container.

• 
  Escolhendo o lado

Na quarta linha do código, repare nas partes destacadas em vermelho a seguir:

#pageshare {position:fixed; bottom:15%; margin-left:-80px; float:left;

Coloque 'right' para deixá-lo na direita.
Mantenha 'left' para fixá-lo à esquerda mesmo.

• Alterando o fundo (background) e Borda

Na quarta linha do código mesmo, modifique o valor HTML do código destacado abaixo para definir a cor de fundo do gadget.

background-color:#fafafa;

Confira a tabela de cores HTML nesta página.

Nesta mesma linha, altere o nome em destaque da parte abaixo pelo código HTML da cor da borda que deseja.

border: 1px solid black;

Troque apenas o 'black' pelo código da cor.

• Configurando a distância

Você pode colocar o gadget bem próximo ao post (padrão), dentro do post (não recomendável), colado na borda da tela ou em qualquer local que achar melhor.

Na quarta linha do código ainda, altere o valor -80px da parte "margin-left: -80px", em:

#pageshare {position:fixed; bottom:15%; margin-left:-80px;

Quando aumenta o valor, o gadget tende a ficar mais distante do post.
Quando diminui o valor, o gadget ficará cada vez mais próximo do post.