Acho que você deve ter percebido que o assunto “Blogger” está meio esquecido aqui, não? Pois é, utilizo o WordPress, mas me esqueço de ver se há algo de novo nas outras plataformas.

Eis que surge algo que vale muito ser anunciado. O Blogger liberou, esta noite, um serviço de estatísticas integrado a ferramenta, que por enquanto está no Blogger in Draft!

O Blogger adicionou uma nova ferramenta no Blogger in Draft. Acesse seu painel administrativo e procure pela aba “Estatísticas”, como na imagem abaixo:

Estatísticas - Blogger in Draft

Diga adeus a ferramentas de outros sites.

Fonte: Dicas Blogger – Serviço de estatísticas integrado ao Blogger.

©2010 Sem Preceito. Todos os Direitos Reservados!

No Blogger também é possível disponibilizar alguns códigos para que seus usuários, sem quaisquer conhecimentos em HTML, possam utilizar nos comentários. Entretanto, comparado com o WordPress, esses códigos são um tanto quanto reduzidos.

Seus usuários poderão, de forma geral:

• Crias links e atribuir um nome para eles (utilizar a tag “title”).
• Criar textos, ou destacar textos utilizando negrito e itálico.
• Utilizar quebra de links (<br />).

Em comparação com o WordPress é muito reduzido, correto? Entretanto já é alguma coisa. Seus usuários não poderão, basicamente:

• Inserir imagens nos comentários.
• Sublinhar ou riscar partes do texto.
• Criar listas.
• Posicionar textos (centralizado, justificado, etc…).

Informando aos usuários os códigos disponíveis:

Existem duas formas, ou você coloca em texto ou em imagem. Acesse o seu painel administrativo do Blogger, clique em “Configurações” > “Comentários” e na opção “Mensagem do formulário de comentário“, coloque isso:

<b>Você pode utilizar:</b>
&lt;b&gt;TEXTO EM NEGRITO&lt;/b&gt; | &lt;em&gt;TEXTO EM ITÁLICO&lt;/em&gt; | &lt;a href="LINK"&gt;TEXTO DO LINK&lt;/a&gt;

Ficando, genéricamente, assim:

Para ficar mas bonito, você pode criar uma imagem com os texto acima e colocar o código abaixo:

<p><img src="http://i253.photobucket.com/albums/hh52/luanbochi/sempreceito/html-codigos-blogger.png" title="Códigos HTML" /></p>

Clique em “Expandir modelos de widgets” e cole o código acima, embaixo deste:

<p><data:blogCommentMessage/></p>

Ficando assim:

<p><data:blogCommentMessage/></p>
<p><img src="http://i253.photobucket.com/albums/hh52/luanbochi/sempreceito/html-codigos-blogger.png" title="Códigos HTML" /></p>

A imagem é com o fundo transparente, e com o tamanho de 350x70px. Se não quiser utilizar essa, você pode criar uma utilizando o próprio Paint para isso, depois substitua o link da imagem acima pela qual você quer utilizar. Use a imaginação. Salve o template e pronto.

Até a próxima. o/

©2010 Sem Preceito. Todos os Direitos Reservados!

Eis uma novidade que arrancou sorrisos de muitos internautas. A possibilidade de criar um layout personalizado sem mexer em códigos já não é mais uma possibilidade remota, se tornou uma realidade. Por enquanto a ferramenta só está disponível no Blogger in Draft, sendo uma ferramenta experimental, beta (como quase tudo no Draft).

Se você utiliza o Internet Explorer, saiba que poderá ocorrer erros ou falhas nos estilos de templates. Então recomendo a utilização de outros navegadores:

• Google Chrome
• Firefox
• Opera
• Safari

Acesse o seu painel in Draft, vá na aba “Layout” > “Designer do modelo“.

Será ai que a mágica acontecerá. Mas, o que eu poderei fazer?

• Escolher um estilo de template.
• Alterar opções como cor de texto, fundo, tamanho do template, tamanho da sidebar (lateral).
• Dezenas de imagens pré-programadas para a personalização do fundo.
• Adicionar mais colunas na sidebar (lateral) e no rodapé (footer).
• Visualizar as alterações em tempo real.
• Entre outras personalizações.

São em média 15 temas, altamente personalizáveis, que você poderá escolher. Você pode alterar tudo o que quiser, como dito na lista acima.

Modelos:

Aqui é a primeira parte, onde você vai escolher o estilo do layout. Acima são os estilos disponibilizados. Escolha um, ao escolher você poderá dar uma olhada de como está ficando o seu template, na parte de baixo da página.

Plano de Fundo:

Existem duas opções dessa configuração: escolha de um plano de fundo; escolha de um conjunto de cores para o template.

Imagem de plano de fundo:

Ao lado esquerdo da tela existe a opção de planos de fundo com imagens (“Imagem de plano de fundo“), clique sobre a imagem:

Acima você vê apenas uma pequena amostra da quantidade de imagens que você poderá escolher. Se não quiser utilizar imagens do fundo, clique “Sem imagem“.

Cor de tema principal:

Cada template tem um conjunto de cores pré-estabelecidos, no lado direito você poderá alterá-los ao seu gosto. Você encontrará (em média) 12 conjuntos de cores sugeridas, se preferir escolha uma delas.

Acompanhe as mudanças na parte de baixo do próprio editor.

Layout:

Nesta aba temos mais três opções: estrutura do layout (quantidade de colunas e a posição delas); personalização do rodapé (quantidade de colunas); ajustes do layout (tamanho do layout e tamanho da sidebar – lateral).

Layout do corpo:

São 8 estilos diferentes para você escolher, com ou sem sidebar, quantidade da sidebar, posicionamento da sidebar, entre outros:

Layout do rodapé:

Quantas colunas você quer no rodapé? Uma? Duas? Três?! É aqui que você escolhe! ;D

Ajustar largura:

Qual tamanho você quer o seu layout? Aqui você pode escolher de 500px até 1000px! Além de poder escolher o tamanho da sua sidebar (de 100px até 500px).

Avançado:

Aqui está todas opções de estilo do seu template. Cores, fontes, etc. Todas as opções de cores possuem uma pequena palheta de cores, na personalização das fontes existe uma lista com cerca de 7 estilos para você escolher. Aqui você também muda as cores dos links, das sidebar, entre outros.

Em todas as opções, de todas as abas, existe um link para voltar as configurações normais.

Depois de fazer todas as configurações e alterações, clique no link no menu superior a direita “Aplicar ao Blog“. E para voltar ao painel in Draft, clique em “Voltar para o Blogger“.

Outras opções:

Personalizar rodapé:

Você pode colocar seu nome ou o nome do seu blog no rodapé. Não é possível (nem permitido) a retirada dos créditos do autor do template. Para acrescentar mais informações acesse: “Layout” > “Elementos da página“. Vá até o elemento “Attribution” (o último elemento), e clique em “Editar” ou “Edit”.

Vídeo de apresentação:

Assista o vídeo

Eis a novidade do Blogger in Draft, expliquei todas as abas. Espero que tenha gostado. Acredito que com essa mudança os templates antigos (alterados com o código antigo) poderão apresentar erros, é só uma suspeita. E lembre-se, troque de navegador. Assine nosso feed!

UPDATE (12/03):

Vou acrescentar uma lista de blogs que ensinara e comentaram sobre essa nova ferramenta. Recomendo a leitura, principalmente, do tutorial do Dicas Blogger. A Juliana comenta sobre alguns problemas (como perda das configurações do antigo template) e sobre os “widgets fantasmas”.

• Como criar um template para Blogger / Blogspot – Dicas Blogger
• Novos modelos de templates nativos do Blogger – Templates Novo Blogger
• Novo editor visual de templates no Blogger – Usuário Compulsivo
• Como criar Template para Blogger – Designer do Modelo – Ferramentas Blog
• Designer do modelo: Nova ferramenta no Blogger in Draft – CrazyseaWolf

Fonte: @_Ariane_ e Blogger Oficial

©2010 Sem Preceito. Todos os Direitos Reservados!

Há algum tempo fiz uma postagem apresentando a Vitrine Submarino para o WordPress em servidor próprio. Houveram pedidos para que encontrássemos a mesma vitrine para o Blogger. Depois de algum tempo um jovem rapaz construiu essa vitrine e hoje apresento ela para vocês, caros leitores do Sem Preceito.

Segundo as próprias palavras do autor do hack, essa vitrine poderá ser utilizada em várias plataformas, não somente no Blogger. Entretanto, o foco deste posts é o Blogger. Os créditos pela façanha vão para o Fernando do Blogueiros na Web.

Só utilize este hack se você tiver uma conta no Submarino Afiliados. Se não tiver não adianta utilizar, você não ganhará nada. A instalação é rápida e fácil, e os anúncios (se disponíveis) aparecem na hora.

Caso você já conheça a Vitrine Submarino do WordPress, saiba que a vitrine para o Blogger tem as mesmas opções.

• Post de apresentação da Vitrine Submarino para o Blogger
• Instalador da Vitrine Submarino para o Blogger

Conheça algumas opções da vitrine:

• Personalização do código de afiliado.
• Escolha das palavras para monetização.
• Escolher tamanhos dos banners e números de produtos a serem exibidos.
• Instalar abaixo dois posts e/ou na sidebar (lateral) do blog.
• Comparação de preços com outros sites como: Buscapé e Mercado Livre (você pode desativar se preferir).
• Posição da vitrine, horizontal ou vertical.
• Personalização das cores dos links, textos e fundos.

Como no post do autor tudo está muito bem explicado e no instalador os campos estão bem identificados, não tenho nada para falar ou comentar. Apenas posso dizer que é muito interessante você utilizar e rentabilizar o seu blog com ela. Bons lucros! o/

©2010 Sem Preceito. Todos os Direitos Reservados!

Gostaria de exibir o feed de determinada categoria, separadamente? Então você pode e é muito fácil. Utilizo esta opção para exibir as postagens publicadas sobre o WordPress no Dicas Blogger. Um exemplo desse filtro no feed é a lista que é exibida na sidebar (aqui do Sem Preceito), mostrando os últimos 5 títulos publicados. Tudo isso graças a opção de filtragem das postagens do feed por categoria.

Escolha qualquer categoria para criar o filtro. Neste exemplo utilizarei a categoria “WordPress” do Dicas Blogger. A URL normal da categoria é essa:

http://dominio.blogspot.com/search/label/categoria

A URL normal de um feed no Blogger/Blogspot é essa:

http://dominio.blogspot.com/feeds/posts/default

O filtro será criado com este link:

http://dominio.blogspot.com/feeds/posts/default/-/categoria

Utilizando o exemplo do Dicas Blogger, o filtro para a categoria WordPress será:

http://www.dicasblogger.com.br/feeds/posts/default/-/WordPress

Utilize o código acima, substitua a parte azul pelo link do seu blog, e a parte vermelha pelo nome da categoria.

Depois do filtro criado, é só utilizar da mesma forma que as outras URLs de feed. Sem segredos, não?

Créditos: Mundo dos Blogs

©2010 Sem Preceito. Todos os Direitos Reservados!

Há algum tempo ensinei a migrar do WordPress.org para o WordPress.com. Hoje aprenderemos duas formas de efetuar a migração do Blogger para o WordPress (tanto o wordpress.com quanto o wordpress.org – saiba a diferença clicando aqui).

É preciso saber o que será exportado para o WordPress e o que não será:

• Postagens, categorias e comentários serão exmportados!
• Configurações, layout e widgets NÃO serão exportados!

Sabendo disso, vamos começar? A base da migração é a mesma para ambos os WordPress, então não precisarei repetir.

Exportando suas postagens do Blogger:

Você precisa fazer um backup das suas postagens para, assim, enviá-las para o WordPress. Acesse seu painel administrativo, clique em “Configurações” (1) > “Básico” (2). Em “Ferramentas do Blog” (3) clique em “Exportar blog” (4).

Após clicar em “Exportar blog” você será direcionado para uma página de download. Clique em “Fazer download do blog“. Assim você efetuará o download de todos as suas postagens, comentários e categorias. Tudo em um único arquivo .xml (não mexa ou altere o arquivo!).

Deixe o arquivo baixado em um local de fácil acesso.

Importando para o WordPress:

Acesse seu painel do WordPress, abra a aba “Ferramentas” e clique em “Importar“. Existem duas formas que irei ensinar para você. A primeira precisará de uma autenticação do Blogger, depois disso a importação é automática. A segunda será utilizando o arquivo de exportação que baixamos do seu painel do Blogger (para o wordpress.com).

Primeira forma (recomendada):

Clique no primeiro link “Blogger“. Utilizando esta forma você também poderá importar os usuários (se tiver mais de um autor).

Na próxima página clique no botão “Autorização“.

Na próxima página você irá escolher entre conceder o acesso ou não (se você já estiver logado no Google). Clique em “Conceder Acesso“.

A Google liberará o acesso, a partir daí você só precisará escolher o (ou os) blog (ou blogs) que você importará para o WordPress. Escolhendo ele, clique em “Importar” e aguarde o tempo necessário (depende da quantidade de posts e de comentários).

Essa forma funciona para os dois WordPress (wordpress.org e wordpress.com)!

Segunda forma:

No WordPress.com

Acessando “Ferramentas” > “Importar” > “Blogger“, no final da página, você encontrará uma opção de envio de arquivo .xml. Será por aqui que você enviará aquele arquivo baixado do Blogger, o backup do seu blog.

Escola o arquivo e clique em “Fazer upload de arquivo e importar“. Pronto.

No WordPress.org

Infelizmente o WordPress.org só disponibiliza a opção de importação por autorização (primeira forma).

Espero que tenha gostados. Até a próxima. Você sabe as diferenças entre o Blogger e o WordPress?

©2010 Sem Preceito. Todos os Direitos Reservados!

Existem pessoas que não sabem como colocar HTML ou JavaScript nas laterais do Blogger e do WordPress. Estarei explicando rapidamente como proceder nestes casos. A implementação é rápida e fácil. Vamos aos passos?

Blogger:

Acesse seu painel administrativo, clique em “Layout” (1) > “Elementos da página” (2). Clique em “Adicionar um gadget” (3) e escolha o “HTML/JavaScript” (4).

Depois de clicar em “HTML/JavaScript” você será levado para as opções dessa ferramenta, como na imagem abaixo:

No campo “Título” (5), coloque um texto (com poucas palavras – máximo 5) que ficará antes do conteúdo do gadget/widget. No “Conteúdo” (6) coloque o código HTML ou JavaScript. Se você quiser escrever algo e formatar o texto, existem algumas opções (7) que você poderá utilizar. Clique em “Salvar” e escolha a posição que você quer deixar o gadget movendo-o com o mouse.

Recomendo que leia esse post do Blogueiros na Web: Como Colocar Códigos JavaScript dentro de Posts e na Sidebar no Blogger.

WordPress:

Acesse seu painel e abra a sua aba “Aparência” (1) > “Widgets” (2). Arraste o widget “Texto” (3) até a sua sidebar (4), como na imagem abaixo:

Depois que você arrastar o widget, automaticamente ele irá abrir (como na imagem abaixo). Digite um “Título” (5) (seguindo as mesmas especificações do Blogger – máximo 5 palavras) e as informações e códigos que você quiser (6) e clique em “Salvar“.

Espero que tenha gostado deste tutorial. Dúvidas? Comente.

©2010 Sem Preceito. Todos os Direitos Reservados!

Quando utilizamos alguma ferramenta própria da plataforma o serviço tende a ser mais simples, rápido e também deixa o site mais leve e funcional. Houve um tempo em que o Blogger não disponibilizava essa ferramenta, aí tínhamos que optar por códigos que poderiam pesar o layout.

Com as novidades de 10 anos do Blogger, resolveram implementar o resumo de posts nativo (jump break – o que facilitou a vida de muita gente). Aprenda a utilizar:

“Leia Mais” em templates nativos do Blogger:

Basta você acessar o seu painel, clicar na aba “Postagens” > “Nova Postagem” ou “Editar postagens“. Clique em “Escrever“. Escolha o local que você quer colocar a tag, depois da tag nada vai aparecer (só quando a página do post for aberta).

Você pode clicar no botão destacado na imagem acima, ou clicar em “Editar HTML” e adicionar manualmente (<!– more –>). Nunca coloque a tag dentro de outras (<p></p>, <div></div>). Coloque sempre fora, como na imagem abaixo.

“Leia Mais” em templates alterados do Blogger:

Para alguns templates que foram alterados, você só conseguirá utilizar o “leia mais” se colocar um código em seu blog. Acesse a aba “Layout” > “Editar HTML“, marque a opção “Expandir modelos de widgets” e pesquise (CTRL+F) por <data:post.body/>.

Acrescente o seguinte código após a tag procurada:

Clique em “Salvar Modelo” e pronto, só utilizar o que foi ensinado acima (nos templates nativos). Certifique-se de vocês estar utilizando o novo editor do Blogger.

“Leia Mais” no WordPress:

O WordPress já apresenta essa ferramenta há muito tempo. Está disponível em ambos (WordPress.com e WordPress.org). Para utilizá-lo devemos seguir a mesma linha de raciocínio que utilizamos no Blogger, não podemos colocá-lo dentro de outras tags. O código é PARECIDO com o do Blogger (<!– more –>), WordPress (<!–more–>). A diferença é os espaços entre os hífens (-) e a palavra (more).

Para utilizá-lo é fácil, basta escolher o local onde você deseja colocar e clicar na área destacada abaixo. Você também poderá colocar manualmente (recomendado), clique em “HTML”, escolha a área e digite (ou clique em “more”). Lembre-se: Não coloque a tag dentro de outras tags!

Tanto no Blogger quanto no WordPress uma linha irá se formar separando a área do post que será mostradas na página inicial da parte que ficará só visível na página de cada post. Espero que tenha gostado do pequeno tutorial.

Fonte: Dicas Blogger – Como colocar o hack “Leia Mais” no Blogger.

ATUALIZADO: Houve um erro que já corrigi. Os códigos do Blogger e WordPress possuem uma pequena diferença. Preste atenção para não errar (como eu).

©2010 Sem Preceito. Todos os Direitos Reservados!

Além das páginas estáticas, o Blogger permitiu a possibilidade de salvar os widgets quando houver a troca de template, ou seja, eles não serão excluídos como antes. Então você tem a opção salvá-los sempre que for trocar de template, muito bom, não?

Escolha um template, qualquer um que você quiser e instale ele normalmente. A opção de salvar o widget irá aparecer automaticamente, aí você escolherá mantê-los ou excluí-los.

Viu a facilidade? Basta clicar em “Manter Widgets” ou “Excluir Widgets” e pronto!

O Dicas Blogger também publicou sobre isso: Como salvar widgets automaticamente no Blogger.

Fonte: Salvar os Widgets do Blogger! – BloggerSphera.

Editado: O Marcos Lemos, do [ Ferramentas Blog ] descobriu algo importante que poderá acabar com a felicidade para com essa nova ferramenta, leia: Trocando template no Blog e mantendo Wagdets.

©2010 Sem Preceito. Todos os Direitos Reservados!

O Blogger liberou a opção das páginas estáticas, realizando o sonho de muita gente. Você poderá criar até 10 páginas na ferramenta do Google. Essa novidade faz parte da comemoração dos 10 anos de Blogger, quase completando 11 anos, porém o importante é que, felizmente, a ferramenta chegou.

A opção de implementação só está disponível no blog de testes do Blogger, o Draft Blogger. Acesse ele através do link http://draft.blogger.com. Após entrar no painel de testes acesse o seu blog e clique em “Postagens” > “Editar páginas“.

Clique em “Nova Página“. As opções de preenchimento são iguais aos dos posts, você encontrará no link “Opções de postagens” três configurações, entretanto você só utilizará a primeira: ativar ou não os comentários, que por padrão vem desativados (recomendo que continuem desativados).

Após preencher os campos e clicar em “Publicar Página” você poderá escolher em qual locar o gadget dos links ficará:

Vou escolher a opção “Guias do blog” e clicar no botão “Salvar e Publicar“.

Automaticamente será criado uma linkbar no local que você escolher, no caso abaixo da “header”. Ali você encontrará a URL de todas as suas páginas mais um link que levará você para a home (página inicial) do seu blog (Início).

Por padrão do Blogger as URL das páginas serão assim: http://nome-do-blog..blogspot.com/p/nome-da-pagina.html

Páginas estáticas em layouts/templates alterados (não nativos):

Acesse a aba “Layouts” > “Editar HTML“. Marque a opção “Expandir modelos de widgets” e procure (CTRL+F) pelos termos:

Abaixo dela cole esse código:

Clique em “Salvar Modelo” e veja abaixo como incluir a gadget das páginas.

Inserindo o gadget:

Para exibir o gadget é fácil e o processo é igual aos outros. Vá até a aba “Layout” > “Elementos da Página“. Clique em qualquer “Adicionar um Gadget” e procure pelo “Páginas!” (será o primeiro).

Se você já tiver criado alguma página será aqui que você poderá modificar a ordem de exibição, além disso você poderá trocar o nome do link “Início” por “Home”, se preferir.

Veja o que fazer em cada campo:

Título: Tanto faz, ela não será exibida no seu blog. Será mais para a identificação do gadget.
Automatically add new pages when they are published: Deixe essa opção marcada para que todas as páginas que forem publicadas sejam inseridas automaticamente na linkbar.
Páginas a serem exibidas: Será aqui que você poderá mostrar ou ocultar qualquer página, e também poderá alterar o nome do link que leva para a página inicial do seu blog, “Início”.
Ordem das Páginas: Basta clicar no nome da página e arrastar para trocar de posição.

Para trocar de posição a lista das páginas basta trocar o gadget de lugar, tirar do header e colocar na sidebar, para isso selecione-o e arraste-o para onde desejar.

Espero que tenha gostado do tutorial. As informações (e o aviso da novidade) eu recolhi do post do Crazyseawolf, “Páginas estáticas no Blogger, finalmente!“. Assine nosso feed e receba mais novidades!

Créditos: Páginas estáticas no Blogger, finalmente! (Crazyseawolf)

©2010 Sem Preceito. Todos os Direitos Reservados!