Inserindo Classificação por Estrelas no Blogspot

Este é um jeito muito legal de saber se seus leitores gostaram de suas postagens, pois permite que eles dêem uma nota para seu artigo de forma simples apenas clicando nas estrelas. O Blogger possui este recurso mais muitos blogs que possuem templates um pouco mais antigo não tem seus códigos completos por isso é necessário adicionar alguns trecho que irei mostrar abaixo. Veja se o seu template já possui o recurso:1) Acesse o painel do Blogger In Draft (draft.blogger.com) 2) Vá em Layout -> Elementos da página -> E em Postagens no blog, clique em editar. 3) Agora marque a opção “Mostrar classificação de estrelas ()” 4) Salve e veja se apareceu algo parecido com a seguinte imagem: 5) Se não apareceu vá para o próximo passo. Inserindo...

Ocultar/Exibir Gadgets Só na Página Inícial

Este truque é muito útil pois permite que você tenha muitos Gadgets sem ocupar muito espaço pois você pode equilibra-los entre as páginas do blog, além do mais permite que você tenha um meio fácil de deixar seu blog bem personalizado e disponibilizar mais conteúdos além dos que seu blog já possui nas postagens, veja como fazer isto abaixo no tutorial. Reconhecendo um Gadget1) Acesse o painel do Blogger 2) Vá em Layout-> Editar HTML -> Marque Expandir Modelos de Widgets 3) Procure com as teclas CTRL e F, o nome de um Widget que deseja esconder/ocultar apenas na Home, se este Widget não estiver com nome acesse o painel e dê um nome para ele apenas por enquanto, abaixo, você vai ver um exemplo de um Widget:b:widget id="'HTML2'" locked="'false'"...

Formulário de Contato Grátis

Um Formulário de contato é muito importante pois você poderá ficar sabendo o que o leitor quer te perguntar sem que ele tenha que ficar criando um e-mail para isso, o formulário vai estar lá pronto para ser preenchido, este formulário é totalmente gratuito, contém uma validação que impede que alguns campos deixem de ser preenchidos exemplo nome, e-mail. Hospedado pelo Netcko (nosso parceiro) que oferece um serviço de hospedagem grátis sem exigências. Você poderá personaliza-lo da forma que quiser, só a página de enviar que é por padrão personalizada por mim. Abaixo você verá como instalar este formulário em seu blog. Instalando1) Acesse o painel do Blogger(blogger.com) 2) Vá em Postagens -> Editar páginas -> Nova Página -> Clique...

Disponibilize Links e Códigos de Compartilhar no Rodapé das Postagens

Disponibilize um links e códigos de embutir no final de seus artigos para facilitar seu leitor a divulgar seus conteúdos e postagens em outros sites ajudando assim seu blog ser mais conhecido, pois se seus visitantes gostarem eles vão querer mostrar para outras pessoas e assim difundir seu conteúdo de forma simples e rápida. Basta fazer essas pequenas alterações abaixo em seu HTML. Inserindo o Códigos1)Acesse o painel do Blogger(blogger.com) 2)Vá em Layout->Editar HTML->Marque Expandir Modelos de Widgets. Procure pelo seguinte código, utilizando as teclas CTRL e F:Abaixo do código anterior insira o seguinte: Links para Compartilhar ou Embutir URL:<br /> <input size="80" readonly="readonly" onclick="this.focus();this.select();"...

Criando Uma Caixa Para Exibir Códigos HTML

Uma forma simples de mostrar códigos. Uma caixa de códigos é um espaço onde é exibido trechos de HTML para ser copiado como aqui no Notícia e blog, isto é importante pois ajuda o leitor a diferenciar o que é texto do que é código, além de deixar a postagem mais limpa e mais formatada. Para fazer está caixa nós usaremos CSS, então veja abaixo:Aplicando CSS para definir o modelo da caixaA primeira coisa a se fazer é inserir o CSS para definir a aparência da caixa e deixa-la bem legal:1)Acesse o painel do Blogger(blogger.com)2)Vá em Layout->Editar HTML, procure pelo seguinte trecho no seu blog, lembre de usar Ctrl e F(para procura rápida):]]>Agora adicione antes, do trecho anterior o seguinte:code{-webkit-background-clip:initial;-webkit-background-origin:initial;background-attachment:initial;background-color:#FFF;background-image:url(http://arquivos.noticiaeblog.com/code.jpg);background-position:0...

Criando Uma Área de Login no Blogger

Assim que ficará a sua O Blogger ainda não tem todas as ferramentas de seu concorrente por isso as vezes temos que criar ferramentas e adapta-las ao ele, um exemplo simples é que o Wordpress possui uma caixa de login, e como o Blogger não possui encontrei uma maneira de inseri-la para que funcione como o Gadget "Meta", veja no tutorial abaixo:Inserindo1)Faça login no Blogger2)Vá em "Layout"->"Elementos da página"->"Adicionar um Gadget"->"HTML/JavaScript", insira como conteúdo o seguinte código: Conta: Senha: (?)3)Salve e visualizeEstilizando com CSS (opcional)Se desejar dar um estilo a caixa de login, veja:1)Acesse "Layout"-> "Editar HTML", procure por "]]>", e antes insira o seguinte:#Email, #Passwd{border: 1px solid #659529;}#signin-btn-ns...

Melhorando a Aparência do Seu Feed/RSS e Ganhando Milhares de Visitas

O Feed hoje em dia é uma das formas mais fáceis de levar seu conteúdo ao leitor e ganhar mais visitas ele é uma parte muito importante de um blog pois além de levar conteúdo ele ainda informa que o seu blog possui conteúdo novo sem que o leitor tenha que ficar visitando o seu blog várias vezes ao dia para ver se tem algo interessante. Para que seu Feed seja uma fonte de visitas ele tem que ser bem apresentado ou seja bem formulado para que todos os aspectos seja relevantes e bonitos, bem hoje eu vou ensinar como fazer isso já que o Blogger não possui um sistema de newsletter, o popular sistema de Feed por e-mail é o Feed Burner "Um serviço do próprio Google". Para começar você tem que ter um uma conta Google pois o site utiliza ela como autentificação,...

Melhorando a Aparência do Seu Feed/RSS e Ganhando Milhares de Visitas

O Feed hoje em dia é uma das formas mais fáceis de levar seu conteúdo ao leitor e ganhar mais visitas ele é uma parte muito importante de um blog pois além de levar conteúdo ele ainda informa que o seu blog possui conteúdo novo sem que o leitor tenha que ficar visitando o seu blog várias vezes ao dia para ver se tem algo interessante. Para que seu Feed seja uma fonte de visitas ele tem que ser bem apresentado ou seja bem formulado para que todos os aspectos seja relevantes e bonitos, bem hoje eu vou ensinar como fazer isso já que o Blogger não possui um sistema de newsletter, o popular sistema de Feed por e-mail é o Feed Burner "Um serviço do próprio Google". Para começar você tem que ter um uma conta Google pois o site utiliza ela como autentificação,...

Denunciar o Plágio Ficou Mais Fácil Ainda

O Plágio sempre foi o maior medo dos blogueiros de hoje em dia, pois é muito fácil copiar um texto uma imagem e inseri-los em outro site de forma fácil e sem restrição. Mas não é só esse o medo, pois o ladrão de conteúdo não dá créditos para o seu site o que se torna plágio e com isso seu blog perde visitas perde rank perde na pesquisa do Google e ainda pode ser punido por conteúdo duplicado.Antes não tínhamos nenhuma arma que pudesse controlar isso mais hoje temos que e o próprio Google atual dono do Blogger, você pode escrever para eles e em pouco tempo o conteúdo roubado será excluído do Blog/site ladrão. E agora melhorou pois o formulário está em português o que torna fácil preenche-lo.Não deixe em pune esse crime denuncie agora...

Widget "Google Buzz it" Envie Suas Postagens Para o Google Buzz - Blogger/Blogspot

Com o novo sucesso do Google fica fácil divulgar suas postagens, além de ser um serviço novo e ser bem "utilizado ou vai ser" ainda pode trazer algumas visitas para seu Blog. Além de ser simples de instalar e bem util pois permite que seus leitores enviem suas postagens para lá com um clique, veja abaixo como ter no seu blog: 1)Acesse o painel do Blogger (blogger.com) 2)Vá em "Layout"->"Editar HTML"->Marque "Expandir Modelos de Widgets" 3)Procure pelo seguinte código:e acima dele insira o código abaixo:img alt="'Buzz'" class="Apple-style-span" src="'http://imgur.com/d65Pr.png' style='vertical-align: middle;'/> Buzz it !Obs: O widget ficará abaixo do título das postagens. Para que fique no rodapé insira abaixo, do código seguinte:4)Para...

Greet Box - Exiba uma Mensagem Diferente para Cada Origem de Visitante (Blogger)

Este script é muito legal pois ele exibe uma mensagem diferente para cada origem do visitante, ex: visitante do Google, ele exibirá a seguinte mensagem: "Bem vindo, visitante do Google! Se você achou esta página útil, não esqueça deSubscrever-se em nosso RSS Feed para acompanhar as atualizações." Ele exibe também para outros sites como feedburner, entre outros mas ainda é necessário a tradução de partes do script ele está disponível para download aqui, basta traduzir e substituir no script. Mas lembre-se de não retirar os créditos do autor original. Instalação1)Acesse o painel do Blogger "blogger.com" 2)Vá em "Layout"->"Elementos da página"->"Adicionar um Gadget"-> Selecione a opção "HTML/JavaScript" 3)Insira o seguinte código modificando...

Controlando o Número de Postagens Exibidas por Marcador - Blogger

Este truque é útil, pois a gente as vezes publica em um certo marcador postagens que contém muitas imagens, vídeos, músicas, o que torna a página muito pesada e faz com que a gente perca visitas pois o blog não abre ou abre incompleto, ou seja com imagens faltando com textos sem formatação devido ao carregamento, para fazer a alteração e controlar o número de postagens por marcador do seu blog faça o seguinte:1)Acesse o painel do Blogger2)Vá em "Layout"->"Editar HTML"-> Marque a opção "Expandir Modelos de Widgets"3)Procure pelo seguinte, utilize "CTRL" e "F":data:label.urlSubstitua pordata:label.url + "?max-results=100"Obs: Pode haver vários destes trechos, mas lembre-se de que é o terceiro quem vale. O número em vermelho reference ao...

Formulário de contato para Blogger (Novo)

Andando pela internet encontrei mais um serviço de formulário de contatos excelente. Além das funções de formulário ainda permite ainda que você adicione um espaço para o usuário enviar fotos e imagens, possui templates, receber pagamentos, etc. O único ruim deste formulário é que ele tem um limite de contatos a ser recebido por mês que é de 100 contatos o espaço para upload de imagens é de 10Mb. Mas se você quiser pode contratar a versão premium do serviço que custa cerca de R$16,95.Para fazer o seu formulário é simples acesse o site Jot Form faça o cadastro gratuito e depois faça o seu formulário de forma interativa sem a necessida de edição de código HTML. Este mais um dos excelentes serviços encontrados pela intern...

Botão "Enviar postagem para o Orkut" Agora Com Miniatura Automática - Blogger

Foi me pedido por comentário e por e-mail um jeito que fizesse que o botão do Orkut enviasse uma miniatura da página junto com o link. Então pensei em utilizar a API simples dos screenshots, ou seja daqueles site que capturam uma miniatura da página, muito utilizado em agregadores como por exemplo o Dihitt. Então fiz a adaptação e está ai em baixo um mini tutorial de instalação: Atenção se você possui a versão anterior do botão que foi mostrado aqui será necessário fazer a substituição, se não souber volte ao tutorial anterior e desfaça. Instalação1)Acesse o painel do Blogger (blogger.com) 2)Vá em "Layout"->"Editar HTML"->marque a caixa "Expandir Modelos de Widgets" 3)Utilize as teclas CTRL e F para procurar o código abaixo no seu...

Calendário para Blogger/Blogspot

Este é um pequeno calendário, que você pode adicionar facilmente como um widget, isto é interessante pois seu blog ficará com cara de atualizado sempre pois data sempre será a atual o que dar a entender que você está sempre presente no seu blog. Para adicionar é simples clique no ícone do blogger abaixo faça seu login e escolha o blog que deseja que este script seja adicionado: .month { background-color:black; font:bold 12px verdana; color:white; } .daysofweek { background-color:gray; font:bold 12px verdana; color:white; } .days { font-size: 12px; font-family:verdana; color:black; background-color: lightyellow; padding: 2px; } .days #today{ font-weight: bold; color: red; } /*********************************************** * Basic...

Bloquear botão direito do mouse no seu blog - Blogger/Blogspot

Hoje em dia na internet estamos sujeitos a vários crimes entre eles o plágio que é um crime previsto no código penal, que defende pessoas que tiveram suas obras roubadas, copiadas ou melhor plagiadas. Para se proteger deste crime existe um truque simples que é bloquear o botão direito do mouse contra possíveis cópias de conteúdo, mas olhe primeiro o conteúdo do seu blog se for um conteúdo de ajuda que forneça ao leitor códigos ou arquivos não é interessante usar está modificação, mas se for de textos de caráter informativo é legal usar sim para proteger seu conteúdo, então vamos a instalação: 1)Acesse o painel do Blogger (blogger.com) 2)Vá em "Layout"->"Editar HTML" 3)Procure pelo seguinte código (utilize CTRL e F para procurar):4)Substitua...

Menu Horizontal com Caixa de Busca - Blogger/Blogspot

Um menu horizontal é a forma mais fácil de organizar seus links principais, facilitando o leitor a encontra-los, a caixa de busca também é uma forma de ajudar a buscar o que procura-se mais rapidamente sem ter que ficar navegando muito na página para achar. Como os dois são importantes para o blog o melhor é uni-los, é isso que você vai ver neste tutorial abaixo: Dando Estilo ao menu 1.Acesse o painel do Blogger (blogger.com) 2.Vá para "Layout"->"Editar HTML" 3.Procure pelo trecho abaixo em seu template "Utilize Ctrl e F": ]]> Antes do trecho acima adicione o código seguinte referente a CSS: /*-- CSS Menu Superior-- */ #navtop { background: #dcdcdc ; height: 26px; width: 100%; margin: 0px auto 24px auto; font-family: "Century Gothic",...

Simples SlideShow de Posts Recentes com Marcador Específico - Blogger

Hoje iremos ver um código novo para exibir slides no Blogger, este código além de automatizar algumas partes que antes tínhamos que fazer manualmente, como selecionar as imagens para o slide, ele traz uma grande praticidade que é permitir a escolha do marcador que será utilizado para fazer o slide. Gostaria de ressaltar também que este código foi adaptado pelo Felipe do blog “Forro News”, onde você também pode ver uma demo do código em ação, o tutorial abaixo foi escrito por ele, apenas publiquei aqui no blog. Passo 1: Faça login no Blogger e acesse, design/editar HTML. O Slider, que é o script que cria o slide, necessita da biblioteca de códigos jquery para funcionar, então procure pela tag e logo após a tag coloque o código abaixo: Obs.:...

Tocador de Mp3 no Blogger

Colocar música no seu blog é fácil, mas você deve respeitar algumas regras básicas para não perder visitas a primeira delas é evitar que o player toque sozinho pois isso deixa o leitor irritado e pode tornar a visita dele mais rara. Mas se seu blog for uma rádio você pode e deve deixar o tocador em automático pois isso trará audiência. Uma a realçar também seria quais músicas colocar, isso é um pouco complicado pois cada um tem um gênero musical pelo qual gosta mais por isso coloque vários tipos de música para que toque alguma que o leitor entusiasme e continue a visita. Abaixo você verá como hospedar e criar sua lista de músicas. Hospedando suas Músicas O primeiro passo é guardar suas músicas na web: 1) Crie uma conta no FileAve, se tiver...

Google Web Fonts, Troque as fontes do seu blog - Blogger

O Google lançou recentemente um serviço que oferece novas fontes de texto para o seu blog, são fontes bonitas e muito elegantes. Você pode usa-lás em qualquer site de forma gratuita, bastando apenas algumas alterações no HTML. Olhe abaixo um exemplo de fonte que você pode usar: Teste de Fonte Veja abaixo como fazer. Escolhendo a Fonte 1) Acesse o site Google Web Fonts Directory 2) Escolha uma das fontes que o site oferece. E clique nela. 3) Na página seguinte você deverá clicar em Get the code 4) Copie o primeiro código que aparecer, será parecido com o seguinte: link href="'http://fonts.googleapis.com/css?family=" Cantarell' rel='stylesheet' type='text/css'> Obs: Guarde o nome em vermelho para que possamos usar nos passos...

Como colocar um pássaro retwitter no blog

Fonte - lifeconsulting.multiply.com Que tal um lindo passarinho azul voando sobre a página do seu blog? Legal não é? Pois é, e ainda se torna divertido, pois quando a página é rolada, o pássaro vai até onde a página parou, ficando visível ao usuário. Colocando no seu blog, seus leitores não estarão mais sozinhos no site! Estarão com ele, o companheiro pássaro azul! Então, se interessou? Vamos instalar! Logado no blogger, vá em "Design" - "Ediar HTML" , marque a caixinha "Expandir modelos de widgets". Agora procure pela linha (ctrl+f para procurar). Logo acima dessa linha cole o código abaixo. script src="'http://oloblogger.googlecode.com/files/tripleflap.js' type='text/javascript'> var birdSprite="http://oloblogger.googlecode.com/files/birdsprite.png"; var...

Tabela de cores HTML

Essa é uma tabela com as cores HTML (RBG e Hexadecimal) Nomeda cor RGB HEXADECIMAL Snow 255250250 #FFFAFA GhostWhite 248248255 #F8F8FF WhiteSmoke 245245245 #F5F5F5 Gainsboro 220220220 #DCDCDC FloralWhite 255250240 #FFFAF0 OldLace 253245230 #FDF5E6 Linen 250240230 #FAF0E6 AntiqueWhite 250235215 #FAEBD7 PapayaWhip 255239213 #FFEFD5 BlanchedAlmon 255235205 #FFEBCD Bisque 255228196 #FFE4C4 PeachPuff ...