Help Blog - Tutoriais e Dicas

Como deixar seu blog “bêbado”

2011-01-06T04:59:00.001-08:00

Estava na internet e encontrei esse site Alcowebizer nele você pode deixar seu blog “bêbado” veja na imagem abaixo (esse seria o Help Blogss bêbado hshs).

PS: Nesse linha do tempo você controla.

Veja como vai ficar o seu próprio blog bêbado.

Para entrar no site clik aqui.

Pergunta e resposta

2011-01-05T11:26:00.001-08:00

Só pelo titulo já da para saber como vai ser o post!

Como fazer um blog?

Se você não sabe criar um blog veja as vídeo aulas que fiz.

Curso Blog (blogger)

Qual é o melhor tema para criar um blog?

Não tem “O melhor tema para criar um blog” você tem que fazer algo que você goste, que vai ter tempo para escrever e não ficar copiando dos outros blog(sabia que copiar e crime?).

Como ter um blog de sucesso.

Como criar um blog de sucesso, essa é uma duvida comum e um desejo de muitos blogueiros na verdade quase todos, mas isso precisa de muito planejamento, afinal não podemos contar apenas com a sorte. Veja mais...

Mudar topo do blog (blogger)

2011-01-05T04:30:00.001-08:00

Muitos blogs que já vi na blogosfera só tem uma logotipo com o nome do blog. Então hoje resolvi fazer um tutorial de como colocar um topo (header) grande e bem trabalhado.
Para começar vamos em à Designà Editar HTML
(Ante de começar a editar os códigos faça o download do template).
Agora que já esta tudo certo vamos para o tutorial.
Procure pelo seguinte trecho (Ctrl + F):

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Só testes! (Cabeçalho)' type='Header'/>
</b:section>

Apague tudo o codigo.
Agora procure por:

#header {
width: 760px;
margin: 0 auto;
background-color: $headerBgColor;
border: 1px solid $headerBgColor;
color: $headerTextColor;
padding: 0;
font: $headerFont;
}
h1.title {
padding-top: 38px;
margin: 0 14px .1em;
line-height: 1.2em;
font-size: 100%;
}
h1.title a, h1.title a:visited {
color: $headerTextColor;
text-decoration: none;
}
#header .description {
display: block;
margin: 0 14px;
padding: 0 0 40px;
line-height: 1.4em;
font-size: 50%;
}

Teste! Se estiver tudo certo salve.
Acabamos de excluir todo o cabeçalho antigo, agora vamos criar o novo para isso vamos editar a div “header-wrapper”. Procure:

#header-wrapper {

Apague:
background-color: $headerCornersColor;
text-align: $startSide;
margin:0;
Onde background era a cor do fundo, text-align era o tipo de alinhamento do texto e margin é a margem da div.
Agora temos que colocar esse código:

width: 980px;
background: url(sua imagem aqui) no-repeat;
height: 180px;

Aqui (width e height) é o tamanho da imagem, e onde coloca “sua imagem aqui” você tem que hospedar sua imagem e colocar o link direto.
Espero ter ajudado :)

Hack para menu suspenso

2011-01-04T11:08:00.001-08:00

Como transformar os Marcadores num menu suspenso. Para fazer esta mudança, será necessário mexer no código do template, por isso meus queridos, sempre, sempre antes de qualquer modificação, salvem uma cópia de seus templates ou testem antes, em blogs sem conteúdo. Visualizem várias vezes para se certificar de que está tudo ok no template, que não desapareceu nada e só então, salvem as modificações!

Para transformar a lista de Marcadores em um menu suspenso, (óbviamente você deverá primeiro já ter uma lista de Marcadores ativos em seu blog), vá no HTML do seu template, clique em Expandir Modelo de Widget e procure por este trecho do código (utilizem o ctrl+F para facilitar):

<ul>
<b:loop values="'data:labels'" var="'label'">
<li>
<b:if cond="'data:blog.url">
<data:label.name/>
<b:else/>
<a href="'data:label.url'"><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

e substitua todo ele por:

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Selecione um marcador</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Vizualize e estiver do mesmo jeito que ficou meus marcadores aí na Sidebar, salve.
Então, como sou muito xereta, pensei em usar o mesmo hack para lista de links... Às vezes temos listas enormes na sidebar, sejam de parceiros, sejam de amigos, e que acabam ocupando um espaço quilometrico. Pensei que seria muito interessante usar este mesmo recurso para listas de links e como não encontrei nada a respeito no Hackosphere, fiz umas modificações, uns testes e deu certo. Então, para transformar uma lista de links em um menu suspenso, procure por este trecho:

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Substitua o que está em vermelho por:

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:links' var='link'>
<option expr:value='data:link.target'><data:link.name/>
</option>
</b:loop>
</select>

Visualize e se a lista de links tiver se tornado um menu suspenso, salve. Onde está Select a label você poderá colocar o título que quiser.

[Voltei de ferias] Vomos continuar.

2011-01-03T06:40:00.001-08:00

Olas todos depois de um bom tempo sem postar aqui no Help Blogss estou de volta, Pois é estava de férias, antes que eu esqueça um feliz ano novo atrasado.

Agora que já voltei vou tentar fazer pelo menos umas 10 postagens por semana. Mais vai ser:

Uma hoje duas amanham e assim vai. Pode que fique um dia sem postar mais no outro dia vou recuperar postando uma amais.

Também muita gente me envio um email me perguntado se vou fazer mais vídeo aulas de blogger a resposta é sim. Essa semana mesmo vai ter uma ou ate duas.

Então é isso espero que gostem da noticia, ESCREVASE em nosso feed RSS e me segue no twitter @helpblogs. =)

[Template] Movies Time

2010-12-07T07:25:00.001-08:00

Demo Download

10 Dicas para ter um blog de sucesso

2010-12-06T04:39:00.001-08:00

Muita gente manda e-mail para min perguntado com ter um blog de sucesso, então resolvi fazer esse post. Vou fazer um lista com oque você deve fazer e o que você nao deve fazer.

Copiar é plagio! Não copie de nem um blog faça seu próprio conteúdo, mais se você achar alguma coisa legal e copiar deixa o link dele como fonte. –> Fonte: [Help Blogss]
Escrever bem! Não escreva com abreviação nem falta de ortografia, escreva para todos os públicos entender. Nunca usar palavrões!
Escolha sobre oque você quer falar no seu blog, um objetivo.
Não obrigue seus leitores a se cadastrar, nem ficar logando para fazer um comentário.
Nao vai por ai pedindo parceria para qualquer um blog.
Nao esconda os seus post mais antigos. De ao leitor opções de encontrar os seus posts. Por data, por categorias, por posts relacionados. Facilite a vida do seu leitor.
Atualize seu blog semanalmente ou diariamente nunca deixe de postar.
Tenha algum meio de comunicação seja ele e-mail, twitter, Face book, Orkut…
Ser original, é muito difícil ser original no mundo dos bloggers mas sempre tem algo novo para fazer!
Sejam curiosos não fique para ou com medo de fazer ou buscar coisas novas.

Claro aqui não está tudo que tinha para mostrar por isso vou fazer mais lista de como ter um blog de sucesso.

[Como fazer blog parte #3] Fazendo postagem bem feita parte 2/2

2010-12-06T03:24:00.001-08:00

Veja a ultima parte de como fazer uma postagem bem feita com todas as ferramentas!

Como tirar barra de navegação de blogger

2010-12-05T09:23:00.001-08:00

Agora que tem muita gente usando a nova ferramenta do blogger. Para quem não sabe de que eu estou falando é a ferramenta de fazer seu próprio template no blogger. :O Mais quando você salva esse template fica aquela barra de navegação do blogger lá encima.

Vomos ver como tirar essa barra!

É bem fácil, entre na sua conta vá até configurações, Modelo, Editar Html
procure pela linha
#header-wrapper
e cole o código logo acima

#navbar {
display:none;
margin:0;
padding:0;
}

salve o modelo e pronto, a mágica foi feita.

[Como fazer blog parte #2] Fazendo postagem bem feita parte 1/2

2010-12-05T06:01:00.001-08:00

[Design] Fireworks Efeito Fade em um texto

2010-12-04T09:34:00.001-08:00

Comente!

[Sábado Viciado] TU - 95 #2

2010-12-04T05:33:00.001-08:00

Estamos aqui para a segunda ronda de Sábado Viciado espero que gostem!

controlam o avião
recolhe / abre o trem de pouso
muda a posição dos flaps
pula do avião
ações da missão

Colocar tradutor no blogger

2010-12-03T12:56:00.001-08:00

Para colocar um tradutor no seu blog, como o que eu tenho aqui, copie o código abaixo, vá em Modelo->Inserir Elemento de Página-> e escolha HTML/JavaScript e cole o código, salvando.

<center><img src="http://img176.imageshack.us/img176/6091/84056383at1.png"/></center>
<form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation" target="_blank">
<input value="PT" name="wl_srclang" type="hidden"/>
<select style="font-size: 70%; width: 160px;" name="wl_trglang">
<option value="EN"/>Português - Inglês
<option value="FR"/>Português - Francês
<option value="DE"/>Português - Alemão
<option value="IT"/>Português - Italiano
<option value="PT"/>Português - Português
<option value="RU"/>Português - Russo
<option value="ES"/>Português - Espanhol
</select>
<input value="http://ENDEREÇO DO SE BLOG.blogspot.com/" name="wl_url" type="hidden"/>
<input style="font-size: 70%; width: 50px;" value="Traduza" type="submit"/>
</form>

A imagem está hospedada no ImageShack, mas é recomendável criar sua própria hospedagem.

Links da semana #2

2010-12-03T12:06:00.001-08:00

Vamos para a segunda ronda de links da semana.

Twitter: @Helpblogs

Feed RSS:) Vamos escureja-se já

Humor

Vídeos

A primeira pornografia a gente nunca esquece

Tirinhas

Por essa semana é isso ai pessoal!!

Como indexar seu blog em mais de 321 indexadores

2010-12-01T22:00:00.000-08:00

Muita gente nao sabe porque seu blog nao esta aparecendo no google nem no yahoo e em vários de outros mecanismos de busca. Então hoje resolvi mostrar como fazer isso! Mais que fica bem claro nao vai aparecer de um dia para o outro demora um tempo.

Sem mais conversa vamos para o tutorial.

Você vai ter que entrar no site Divulgador, nesse site nem todos os mecanismo de busca são brasileiros mais é bom também selecionar-ló.

Veja as imagem abaixo.

Em palavras chaves pense bem as que você vai colocar coloque palavras que estão relacionadas com seu blog.Agora é só enviar e esperar um pouco.

Como fazer o Google cantar Rap

2010-12-01T05:31:00.001-08:00

Uma coisa interessante que vi agora no Guanabara.info foi que se você coloca um umas letras no Google tradutor você escuta aqueles barulhos que os Rapeiros fazem.

Veja os passos!

Passo Um: Entre no Google Tradutor.

Passo Dois: Nas duas caixas superiores, configure os idiomas para “alemão”.

Passo Três: Copie o texto que está logo abaixo e cole na caixa de texto (veja na imagem acima)

pv zk pv pv zk pv zk kz zk pv pv pv zk pv zk zk pzk pzk pvzkpkzvpvzk kkkkkk bsch

Passo Quatro: Agora é só clicar em “ouvir” e aproveitar a batida

[Template] Under the Clouds

2010-11-30T05:19:00.001-08:00

Template muito leve com menu superior. Template de 4 colunas e também ele é muito bom.

Download Demo

Aprendendo a cadastrar no xclicks

2010-11-28T09:31:00.001-08:00

Agora que temos uma parceria automática e que é preciso cadastrar para ser parceria e muita gente não sabe resolvi fazer esse tutorial.

Primeiro de tudo você tem que ter um blog e ter um numero razoável de visitantes para aparecer no xclicks agora vamos para a parte de cadastrar nele.

Você deve clicar aqui para abrir a pagina de cadastro.

Depois de aberta a pagina você deve preencher o formulário corretamente.

Veja a imagem abaixo.

agora é só adicionar nosso banner ou link em seu site e pronto!

Colocar banner de baixo de todas as postagens

2010-11-28T03:48:00.001-08:00

Olá a todos, hoje vou passar um tutorial de como colocar um banner de baixo de todas as postagens ou qualquer coisa que você quiser que seja em HTML. Vamos para o tutorial.
Faça o login no blogger.
Entra em --->design--->Editar HTMl--->Expandir modelos de widgets--->Busca por(para buscar ‘Ctrl + F’) data:post.body---->Veja a imagem

Comente!

[Sábado Viciado] Tetris #1

2010-11-27T04:29:00.001-08:00

Sábado viciado. Sim é mais uma coluna novo que vou pastar todos os sábados um joguinho para relaxar. Depois dessa semana tão estressante sempre vem bem algo para distrair não é ?
Estão espero que gostem desse jogo que ajo que todos já conhece Tetris. E não esqueça de deixar um print para ver ate onde você chegou.

PS: Se joga com as “setinhas”

Mais Jogos no Click Jogos

Colocar efeito neve no blogger

2010-11-27T03:34:00.001-08:00

Estamos chegando al final do ano perto do natal e resolvi fazer este post de como colocar um efeito que parece que esta nevando no seu blog. O código é muito simples veja aqui.

<script src='http://sites.google.com/site/blogandinho/Home/Codesnowblogandinho.blogspot.com.txt?attredirects=0' type='text/javascript'/>
<!-- fim do codigo de neve blogandinho –>

Esse código é muito fácil de instalar no blogger veja aqui:

Design--->Editar HTML---> Procura por </body> (Ctrl + F)---> Antes dessa tag você tem que colocar o código.

Não retire os créditos que é do Ferramentas Blog! Agora é só salvar e visualizar para ver se estar como você queria.

Veja aqui o resultado!

Links da semana

2010-11-26T03:16:00.000-08:00

Estou começando mais uma coluna aqui no Help Blogss de links legais e engraçados que eu vi por ai. Aqui vou colocar todos os links engraçados, informação, tirinhas, fotos e mais coisas que eu ver por ai se você aja coisas legais mande para a gente que vou postar no próximo Links da semana.

Humor

Nerd

Comente!

Template Teraphy

2010-11-25T02:09:00.001-08:00

É um template muito leve fácil de fazer o download de um só coluna sem menu superior.

Download Demo

[Como fazer um blog no blogger] Parte 1

2010-11-25T01:15:00.001-08:00

Resolvi fazer uma serie de vídeos de como fazer um blog no blogger espero que gostem!

Comente!

Seja avisado no twitter toda vez que seu Page Rank for aumentado

2010-11-24T11:37:00.001-08:00

Pois é pessoal é possível ver quando seu page rank é atualizado pelo twitter.Essa ferramenta foi criada pelo site Portal WP

para você fazer um teste aqui esta o link da pagina http://www.portalwp.com.br/ferramentas/alerta-de-pagerank.

É só fazer seu “cadastro” é muito simples nao tem nem um segredo!

Nao esqueça de seguir helpblogs

#fail [Fazendo novo template]

2010-11-23T05:28:00.001-08:00

Estou aqui só para comunicar que vou estar menos ativo nesses dias porque estou fazendo um template para o Help Blogss.

Mais isso nao significa que vou ficar muito tempo sem postar vou tentar fazer o possível para que p blog nao fique muito tempo sem atualização.

Nao esqueça de divulgar para ter mais atividade e COMENTE!

Colocar estatísticas do blog em um gadget

2010-11-21T11:09:00.001-08:00

Oi pessoal depois de um bom tempo sem postar aqui no blog resolvi voltar com um post bem simples mais nao inútil.

Para adiciona um gadget no blog você vai em Design--->Elementos de página--->Adicionar um gadget.

Depois disso vai abrir um caixa aqui você escolhe essa opção.

Depois disso vai aparecer outra caixa aqui você escolhe de acordo com sem blog.

Agora é só salvar.Espero que tenho ajudado!

Menu animado para blogger

2010-11-10T10:51:00.000-08:00

Como eu guardo todos os códigos que eu uso o já usei, estava passando pelo meu computador e vi esse menu bastante interessante e resolvi colocar aqui para você também poder usar.

O código é bastante simples:)

<style>

#filmes {

width: 200px;

margin: 1px;

}

#filmes li a {

voice-family: "\"}\"";

voice-family: inherit;

height: 20px;

text-decoration: none;

}

#filmes li a:link, #filmes li a:visited {

color: #ffffff;
display: block;

background: url(http://img512.imageshack.us/img512/6848/menujf.png);

padding: 3px 0 0 10px;

}

#filmes li a:hover {

color: #cccccc;
background: url(http://i35.tinypic.com/30ii461.gif); 0 -32px;

padding: 3px 0 0 10px;

}</style>

<div id="filmes">

<ul>

   <li><a href="Seu link aqui" target="_self">Editar1</a> </li>

    <li><a href="Seu link aqui" target="_self">Editar2</a> </li>

    <li><a href="Seu link aqui" target="_self">Editar3</a> </li>
</ul>

</div>

Agora é só explicar o código!

Onde está em cinza é a cor da fonte o do menu.
Onde está em vermelho é a imagem do menu
E onde está em verde é o “conteúdo do menu” onde colocar editar1 você coloca oque você quiser, e onde está seu link você coloca o link da pagina.

Veja como vai ficar o menu.

Espero que tenham gostado!

Colocar postagem relaciona do blogger

2010-11-08T05:27:00.001-08:00

Hoje vou passar uma maneira de que seus visitantes ficam mais tempo no seu site.Mais como faço isso?

Colocando mais postagens relacionas em baixa da post que o seu leitor esta lendo. Um exemplo é o Youtube (são os vídeos relacionados).

Então sem mais bla bla bla vamos ou tutorial!

Para essa ferramentas vamos usar o site LinkWithin,Quando você já estiver dentro do site você vai na caixa que está no meio só site e preenche o formulário.

Depois é só clicar em Get Widget!

Vai aparecer outra pagina com um código HTML, esse código você vai colocar em seu template.

Copie o código

Agora você vai fazer login no painel do Blogger--->Design--->Editar HTML e vai buscar por (Ctrl + F) <data:post.body/> (Expandir modelos de widgets)

Depois de encontrar essa linha é só colocar EMBAIXO DELE e já esta tudo certo.

NÃO ESQUEÇA DE COMENTAR!

[Template] Magduo

2010-11-07T13:09:00.001-08:00

Oi estou aqui com mais um template para o Help Blogss espero que gostem!

Download Demo Fonte

[HelpCast] Um pouco sobre plagio

2010-11-06T10:05:00.001-07:00

Já faz um tempo que estou tendendo fazer um podcast mas nunca me animava. Mas hoje me animei e gravei um podcast e estou colocando aqui para todos vocês escutarem!

Download Veja mais!

Esse podcast é sobre plagio(ajo que todo mundo já sabe pela imagem acima hshs).Espero que gostem!
Aqui esta os links e banner para todos vocês divulgarem esse podcast pela internet!

Você não esta contento? Veja mais um polco sobre plagio!

Nao esqueça de assinar nosso feed!

Como colocar últimos comentários

2010-11-05T13:58:00.001-07:00

Veja como ver que foi os últimos que comentou no seu blog.Mais porque eu quero ver isso? Por muitas razões,

por SEO, por tática e para ter mais comentários! Veja +

Então vamos ver como fazer isso.

Você vai em Design--->Elementos de página--->Adicionar um Gadget.

Mais Comuns.

Depois de Mais comuns…

Recent Coments (+)

Agora é só salvar!

Veja como encurta sua URL

2010-11-02T14:04:00.001-07:00

Muita gente usa twitter nao usa? No twitter você só tem 140 caracteres, imagina se você tem um link (URL) gigante exemplo: http://helpblogss.blogspot.com/2010/10/colocar-caixa-de-busca-no-blogger.html e você também tem um texto para acompanha-ló. Ai nao vai caber no twitter, ai que entra o encurtador de link (URL). Vou deixar algumas links para ajudar vocês.

Bit.ly
Migre.me
TinyURL
Notlong
Is.gd
http://tr.im

Como usar o Bit.ly? Aqui vai um tutorial.

Nessa caixa gigante lá encima você deve colocar se link para encurtar, e clica em “shorten” ai…

Vai aparecer esse link bem pequeno, agora é só copiar e divulgar o Bit.ly também tem uma ferramenta que mostra quantas pessoas clicaram no site link encurtado.

Colocar caixa de busca no blogger

2010-10-31T02:04:00.001-07:00

Vou mostrar como colocar uma caixa de busca no blogger. Oque é uma caixa de busca no blogger? É aquela coisa que você usa para buscar coisa no blogger então vou mostrar como coloca ela!

Para começar tem 2 jeitos de como colocar pelo forma que nos da o painel do blogger e por um código, eu vou mostra do jeito mais fácil pelo painel do blogger.

Vamos começar!

Faça login no blogger

Entra em Design--->Elementos de página.

Vai em adicionar um gadget

Vai em Caixa de pesquisa

Agora é só você editar com seu gosta e SALVAR!

Colocar botão personalizado para seguir no blog

2010-10-30T11:50:00.001-07:00

Vamos fazer um botão personalizado para ser um seguido do blogger (google friend connect). Nesse botão pode ser um link ou uma imagem, mais eu não vou entrar em detalhes de como fazer sua imagem. Para fazer esse botão são duas partes fazer a imagem e o link da imagem. Como eu já disse nao vou mostrar como fazer a imagem.

Para fazer o link você precisa pegar essa parte da URL do seu painel do blogger (é só a parte que está representada em “XXXXXXXXXXXXXXXXX” )

Para ver esses números você pode entrar em qualquer parte do seu painel EX: Design<--->Elementos da página

<a href=http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXXXX target="_blank">seguir esse blog</a>

Onde está em vermelho é onde você deve colocar os números que você pegou no inicio do tutorial.

Para colocar em uma imagem é só você pegar a URL---> http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXXXX

e colocar na imagem.

PS: Isso também é um tática de SEO porque você pode estar fazer oque você quiser com a imagem pense bem e use com moderação!

Como programar postagem no blogspot

2010-10-27T13:27:00.001-07:00

Muitos bloqueios tenta e procurao muito como fazer isso (colocar uma postagem automático no blogger).Então resolvi fazer esse tutorial espero que gostem e não esqueça de comentar!

Faça login no blogger!

Faça sua postagem com titulo conteúdo e marcadores.

E agora vem o “truque” que esse aqui na imagem abaixo.

Clique em Opção de postagem

Onde está marcado automático (na ultima coluna) você deve marca “Programado em”

Agora é só colocar a data que você quer que seja publicado a seu postagem!

Template editável 001

2010-10-26T13:25:00.001-07:00

Termos do template: CONDIÇÕES LEGAIS DE USO.
Modelo do autor: DézinhoH
Formato do arquivo: .XML
Tamanho do arquivo: 39 KB
Ultima Atualização: 16/09/2010
Descrição: Template preto de 3 colunas e um topo e um roda pé com menu horizontal e uma caixa de bus bem embaixo!

Download

Pacote de ícones de rede sociais

2010-10-25T12:45:00.001-07:00

Passei um bom tempo aqui na internet para pegar os melhores ícones de redes sociais e estarei passando eles para você. Use com moderação! E nao esqueça de comentar!

PS: A maioria (90%) são .PNG o resto é .JPG

10 Códigos para a criação de um template para o blogger

2010-10-23T02:03:00.001-07:00

Olá a todos estou aqui para passar para você 10 códigos indispensáveis para criar seu template.

Estes 10 códigos aqui são bem básicos mais

muito útil para o seu template.

Ora da postagem:

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

Dia da postagem

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

Número de comentários

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

Marcadores usados na postagen

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>

Autor da postagem

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Ícone recomendar postagem para um amigo

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

Icone editar postagem

<b:include data='post' name='postQuickEdit'/>

Texto explicativo antes do fomulário de comentários

<p style='margin-left: 56px;'><data:blogCommentMessage/></p>

Votos de qualificação da postagem

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>

Backlinks

<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

Para inserir algum código acima, faça login no Blogger, entre em “Design” -> “Editar HTML”. Marque a caixa “Expandir modelos de widgets”.
Você deve usar qualquer código acima entre:

<b:includable id='post' var='post'>
e
</b:includable>

Dentro desse trecho nao tem lugar especifico para colocar nem um desses códigos acima.

[Fonte]

[Vídeo] Coloca Feed flutuante no blog

2010-10-20T13:03:00.001-07:00

Oi vou passar uma vídeo aula de como colocar um Feed flutuante no blogger.

Veja como nessa vídeo aula!

Arquivo para download

Como colocar contador de usuários online no blog

2010-10-19T10:01:00.001-07:00

Estava passando por um blog na internet e vi um contador que conta os usuários online eu ate já conheço mais queria passar para o para você como colocar ele no seu blog!

Primero passo é entrar no site que é esse aqui http://whos.amung.us/

Quando você entrar lá você vai ver lá no topo esse menu você vai clicar em lhe original porque aqui vou mostrar como colocar o contador original.Depois de clicar lá você vai no final da pagina e clica em linea de widgets. Depois disso você vai escolher o primeiro (você pode escolher qualquer um mais o objetivo desse tutorial é colocar o original). .Depois de clicar nele vai aparecer um código mais em baixo. Voce deve copiar esse codigo e colocar no seu blog.Veja as imagens a seguir para ver como colocar ele.(recomendado para os iniciantes)

Design--->elementos de pagina—>

Espero ter ajudado.

Template Guitar Sounds

2010-10-17T11:35:00.001-07:00

Template com 3 Colunas e muito outras coisas!

Download Demo Btemplate

Colocar top comentários no blog

2010-10-17T08:32:00.001-07:00

Estava buscando na internet hoje um jeito de como colocar as 10 pessoas que mais comentaram no seu blog. Depois de muito tempo buscando encontrei! E vou passar o resultado aqui para você.

É só colocar esse código onde você quiser no seu blog (em um gadget).

<script type="text/javascript" src="http://acessoriosparablogs.com.br/scripts/topcomentarios.js"></script>
<script src=http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=f91b5716f09d1986849eb4072486db48&url=www.helpblogss.blogspot.com&num=10&filter=Pedro type="text/javascript"></script>

Onde tá em vermelho você deve colocar seu blog e o seu nome, para que você nao apareça na lista. Porque você deve oque mais comenta no seu blog.

Fazendo logotipo no fireworks

2010-10-16T14:34:00.001-07:00

Olá galera vou passar para você uma vídeo aula sobre como fazer um logo tipo espero que gostem!
Aqui também lês deixo o arquivo usado na vídeo aula para download

Veja o resultado final aqui.

Colocar contador de seguidores no twitter

2010-10-15T15:41:00.001-07:00

Como o twitter agora é tão popular na internet todo mundo que mostrar quantos seguidores ele tem no twitter é claro. Pra isso vamos utilizar o site twitterCounter.

Você só precisa digitar o seu nome de usuário do Twitter na caixa Show twitter statistics for e na pagina seguinte clicar no texto “Get more followers: Add TwitterCounter to your site” que aparece embaixo do contador de seguidores, depois disso vai mostrar um monte de contador você escolhe um e coloca no seu blog (todo mundo já fazer).

Um outro site bem interessante é o http://search.twitter.com/ é um site de busca do twitter como o google, yahoo… ou qualquer outro site de busca.

[Fonte]

Como colocar 'leia mais' no blog?

2010-10-13T05:37:00.001-07:00

Vou mostrar como colocar aquele trecho lei mais no blog e se você clique nele aparece toda a postagem.

Faça login no blogger e faça sua postagem depois que você tiver feito sua postagem escolha a parte que você quer que seja alterada.
O código é muito simples veja

Mais se você nao quiser memorizar  no próprio blogger tem a opção leia mais.

é só você escolher a parti que você quer e fazer um clique nesse ícone

OBS: Se você quiser fazer manualmente tem que ser tirito no código HTML do post.

Como colocar avatar nos comentários do blog

2010-10-12T10:34:00.001-07:00

Avatar é a imagem que fica do lado dos comentários.Todos que comentar no seu blog vai aparecer seu avatar.

Então vamos ver como se fás isso.

Primeiro de tudo você tem que ver se a opção Mostrar imagens de perfil nos comentários? esta ativada
Se esta opção esta ativada e nao apareceu a imagem você tem que trocar o código do template.

Vá em "Design" - "Editar HTML" , marque a opção "Expandir modelos de widgets"e procure por esse trecho:

<data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>
      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
        <div class='comment'>
          <dt class='comment-author' expr:id='"comment-" + data:comment.id'>
            <a expr:name='"comment-" + data:comment.id'/>
            <b:include data='comment' name='commentDeleteIcon'/>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><b><data:comment.author/></b></a>
            <b:else/>
              <b><data:comment.author/></b>
            </b:if>
            <p><data:comment.timestamp/></p>
          </dt>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
          </div>
        </b:loop>
      </dl>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>

A parte em azul é a que você tem que trocar pelo esse código.

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<div class='comment'>
    <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
      <b:if cond='data:comment.favicon'>
        <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
      </b:if>
      <a expr:name='data:comment.anchorName'/>
      <b:if cond='data:blog.enabledCommentProfileImages'>
        <data:comment.authorAvatarImage/>
      </b:if>
      <b:if cond='data:comment.authorUrl'>
        <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
      <b:else/>
        <data:comment.author/>
      </b:if>
      <data:commentPostedByMsg/>
    </dt>
    <dd class='comment-body'>
      <b:if cond='data:comment.isDeleted'>
        <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
        <p><data:comment.body/></p>
      </b:if>
    </dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
    <a expr:href='data:comment.url' title='comment permalink'>
      <data:comment.timestamp/>
    </a>
    <b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</div>
</b:loop>
</dl>

Espero este ajudado e faça bom aproveito.

Template super rápido

2010-10-10T14:04:00.001-07:00

Oi depois de um tempão sem postar aqui no blog voltei com uma grande novidade TEMPLATES.Agora vou postar também um pouco de template mais nao vai ser todo o dia uma vês por semana ou ate menos.

Esse template eu encontrei ele ele no Códigos Blog.

O que ele tem?
- Retirada da navbar
- Formulário de comentários embutido
- Corrigido Bug "1 ComentárioS", "2 comentários"...
- Menu Horizontal com edição de links via elementos da página
- Citações com destaque (blockquote)
- Título do blog com opção para o tipo texto ou imagem
- Local para avatar nos comentários
- Área dos comentários personalizado

A instalação e modificação é bastante simples! Basta abrir o arquivo TXT que está inclusa no arquivo para download.

---DEMO

-----DOWNLOAD(.rar)

Fazer menu horizontal

2010-10-05T13:32:00.001-07:00

Vamos ver como colocar um menu horizontal no seu blog.Então vamos lá.

Entra em Design--->editar HTMl

Procure por:

<div id='header-wrapper'>
</div>

Adicione logo depois:

<div id='front_menu'>
<li><a class='s' href='URL DO SEU BLOG' title='Início'><span>Início</span></a></li>
<li><a class='s' href='#' title='Sobre'><span>Sobre</span></a></li>
<li><a class='s' href='#' title='Vídeos'><span>Vídeos</span></a></li>
<li><a class='s' href='#' title='Contato'><span>Contato</span></a></li>
</div>

Agora você pode editar o conteúdo do meu depois vamos adicionar o estilo.

Para editar o menu é bem fácil onde esta URL DO SEU BLOG você coloca a URL do seu blog.Onde esta # você deve trocar pelos links dos nomes (Sobre, Vídeos…)

Se você não quiser alguma das opções é só apagar de <li> a </li>. E para adicionar mais uma opção, é só duplicar uma das opções e editar o conteúdo.

Vomos colocar o estilo do menu agora devemos procura por: (CRTL+F) ]]></b:skin>

Adicione ANTES desse código, o seguinte CSS:

#front_menu {

float:left;
overflow:hidden;
position:relative;
text-transform:uppercase;
width: 100%;
background: #c1c1c1;
}
#front_menu li {
float:left;
padding: 5px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:4px;
}
* html #front_menu li {
display:inline;
}

#front_menu li a {

background:transparent;
color:#0960a3;
cursor:pointer;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size: 12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:700;
line-height:26px;
padding-left:15px;
text-decoration:none;
}
#front_menu li a span {
background:transparent ;
display:block;
line-height:24px;
padding-right:15px;
}
#front_menu a {}
#front_menu a:hover{
color: #489ddf;
background-position:left bottom;
}
#front_menu li a.s {
background-position:left bottom;
}
#front_menu li a:hover span, #front_menu li a.s span {
background-position:right bottom;
}

No estilo: #front_menu { você vai editar o fundo do menu, no lugar de background adicione o código da cor desejada, ou adicione uma imagem. Para substituir a cor por uma imagem use:

background: CÓDIGO COR url() no-repeat;
ou
background: url() repeat;

Leia mais sobre como colocar uma imagem com CSS clicando aqui.
No estilo: #front_menu li a { faça as mudanças nas letras, cores, tudo sobre a parte escrita do menu.
Lembrando:

color:#0960a3; é a cor da letra.

As outras mudanças depende do gosto de cada um, seja curioso, apague, modifique e aprenda o que cada coisa significa.
Apos fazer as modificações, teste e salve.
Obs.: Você pode adicionar outro tipo de menu, existe vários e vários sites que trabalham só com menu CSS, procure no Google por "Menu CSS". Se quiser uma dica: CSS Menu Maker, um ótimo gerador de menu. Lembre-se de hospedar as imagens do menu e substituir onde necessário no CSS do menu.

Como criar página no blog?

2010-10-04T09:09:00.001-07:00

Oi vou mostrar aqui como criar uma página no blog (blogspot) então vamos lá.
Você vai em--->postagens--->editar páginas--->nova página

Depois de você ter clicado em nova pagina vai aparecer uma nova página
para você editar.
Depois de tudo feito sua pagina esta pronta.Mais lembre-se isso nao é uma postagem é um página!

Como colocar emoticons nos comentários do blogger

2010-10-03T04:06:00.001-07:00

Vamos mostrar como colocar emoticons nos comentários do blogger. Mais para os emoticons aparecer os comentários devem estar incorporados na postagem.

Para ativar isso entre em configurações > comentários, procure por Posição do formulário de comentários e escolha a opção: Postagem abaixo incorporada.
Agora de que já esta tudo certo vamos em Design--->Editar HTML--->Expandir modelos de widgets.
Você tem que procurar por: data:blogCommentMessage
E logo embaixo cole esse código:

<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif'/> :a
 
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif'/> :b
 
<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif'/> :c
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif'/> :d
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif'/> :e
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif'/> :f
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif'/> :g
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif'/> :h
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif'/> :i
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif'/> :j
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/> :k
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif'/> :l
 
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif'/> :m
 
<img border='0' src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif'/> :n
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif'/> :o
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif'/> :p
 
<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif'/> :q
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif'/> :r
 
<img border='0' src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif'/> :s
 
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-015

Click para salvar e depois procure por </body> e cole esse codigo antes dele:

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str = b.item(i).innerHTML.replace(/:j/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Clik navamete para salvar. Veja se estar tudo serto!
E o melhor de tudo sobre esses emoticons para colocar no blog é que você pode criar os seus facilmente, repare que os trechos que se repetem varias vezes:

_str = _str.replace(/:k/gi, "<img src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");

<img border='0' src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/> :k
 

Cada um numa parte do código é repetido apenas trocando o endereço da imagem e o código para o emoticon (estão em destaque), portanto se trocar o endereço da imagem: http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'
E o código :k irá criar um novo emoticon, apenas tome cuidado para não apagar nem colocar nada a mais no código e não usar o código de imagem repetido ou seja :k só poderá haver um deles, então escolha outros caracteres para ser o atalho para os novos emoticons.

Tags: emoticon, mudar template, comentarios

Boas dicas para conseguir assinantes no feed.

2010-10-02T10:57:00.001-07:00

Algo que todo blogueiro tem que se dedicar constantemente quando criar um blog, é é com a fidelização do seu público.

1. Ícones e links chamativos.

Coloque sempre, na parte mais destacada de seu layout, no topo da barra lateral (sidebar) ícones e convites para que seu visitante tenha ao menos a curiosidade de clicar. Há também os contadores de assinantes que podem ajudar a chamar a atenção dos visitantes.

2. Convidar para assinar.

Aproveite, sempre que possível, os melhores posts de seu blog e os mais visitados para, ao longo do conteúdo e do texto, convidar o visitante a ter mais assinando o Feed. Coloque o link para assinar Feed e newsletter dentro do contexto. Essa é uma das formas mais diretas de conseguir mais assinantes.

3. Oferecer conteúdo exclusivo.

Há possibilidades e serviços que criam e administram o conteúdo do Feed e das newsletter que são enviados para os assinantes. Aproveite esses recursos para oferecer conteúdo exclusivo para assinantes. Assim, ao longo dos posts, avise ao leitor que lê o conteúdo pela página do blog que, se ele assinar seu Feed, poderá ver mais conteúdo. Isso desperta a curiosidade do visitante e o converte.

Para os nossos assinantes de Feed, aqui abaixo segue um quarto tópico que envolve monetização.

Dedique-se sempre ao seu público, produzindo conteúdo útil e relevante. Aos poucos, mais e mais pessoas vão se interessando por seu blog e mais se fidelizam ao seu blog.

[Fonte aqui]

Colocar twitter no blog

2010-09-24T12:01:00.001-07:00

Hoje vou passar um widget para quem gosta do twitter.

Widget últimas Twittadas:

1º - Faça login no Twitter;
2º - Clique aqui e entre na página de widgets (www.twitter.com/widgets)
3º - Escolha a aba do Blogger:

Clique em "Continue";
4º - Configure como quiser o widget:

5º - Clique no botão "Add to Blogger";

6º - Escolha o blog a ser adicionado, o título e salve!

Pronto a caixa com suas últimas atualizações foi instalada no blog.

Nao esqueça de seguir @helpblogs

[Fonte aqui]

Como colocar post por nome do autor

2010-09-22T08:50:00.001-07:00

Hoje recebi um e-mail da Belle Barros e no e-mail ele estava pedindo para colocar nome do autor nas postagens.Então eu decidir fazer esse post.

Vamos lá! primeiro de tudo faça o login no blogger,depois vai em ---> design---> elementos de pagina

em elementos de pagina você encontrara com “postagens no blog”;

Você vai em editar e vai aparecer essa janela;

marque a opção “Postado por…” e salve veja se ficou tudo certo.Se nao deu certo a melhor coisa que você faz é mudar de template.

Bom espero ter ajudado e nao esqueça de comentar!

Balão com números de comentários do lado do post

2010-09-21T13:20:00.001-07:00

Vomos aprender a como colocar um balão de comentários do lado do post (igual no Help Blogs), então vamos lá.

Antes de tudo baixe o modelo completo do seu template por se acontece algo de errada.

Para colocar o balão de comentários é só um código muito simples mais primeiro você deve encontrar em trecho lá no seu template coloca “Expandir modelos de widgetss” e procura por;

<b:includable id='post' var='post'>

Logo em baixo cole o seguinte código.

<span class='post-comment-link-arriba' style='font-size:24px; background: url(http://2.bp.blogspot.com/_qgZA1ny_dAs/TAMD0pviQsI/AAAAAAAAEQE/wIJ6xT5MjFA/s400/

bubble.png) no-repeat top right; width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></a> </b:if> </span>

Visualize e veja se nao correu nem um erro e salve.

Tem que ficar mais ou menos assim;

onde esta en vermelho é a URL da imagem vc pode trar ele por outra se voce quiser.

Mais depois voce tem que configuar o tamanhos no código

width:48px; height:48px; text-align:center; float:right; margin:5px 0 0 0; padding:5px 7px 0 5px;

aqui vou deixar um site muito bom para que voce posso baixar um balão já pronto!

Alterar cores dos links do blogger

2010-09-21T08:11:00.001-07:00

Alterar as cores ou formatar do blogger é bem fácil mais nem tudo mundo sabe. Por isso estou fazendo este tutorial, para muda as cores basta edita o estilo CSS do blogger e pronto todos só links já estarão mudados,mas uma coisa que atrapalha muita gente é o estilo a:visited, isso é o estilo(formatação de texto) dos links já visitados, mas podemos alterar ou mesmo remover isso do blog e assim deixando todos os links iguais.
A formatação dos links funciona da seguinte maneira:

a:link {color: #0000ff}
a:visited {color: #000000}
a:hover {color: #ff0000}

Então os links que já foram visitados terão uma aparência diferente seguindo a formatação de texto (cores, tamanho...) do estilo da segunda linha, muita gente corrigi isso fazendo uma formatação igual a da primeira linha, mas isso não é necessário, poderíamos excluir a segunda linha e retirar o trecho :link da primeira, ficando deste jeito:

a{ color: #0000ff }
a:hover{ color: #ff0000}

Aqui temos apenas duas opções para os links: na primeira linha a aparência normal dos links (azul) e na segunda a formatação (vermelho) para quando o mouse estiver sobre o link. Essas cores naturalmente são apenas exemplos, você pode usar as formatações de texto que desejar, colocar bordas, inclusive deixando os links com aparência de botões.
Acho que essa é uma das maneiras mais simples de resolver o problema de cores diferentes entre os links que aparecem no seu blog. Mas claro isso é uma questão de opinião de cada um se você achar útil os links já clicados parecerem diferentes então aproveite esse tutorial apenas para saber como modificar e personalizar os links.

Como ocultar a NavBar do blogger

2010-09-21T05:35:00.000-07:00

Para esconder a barra de navegação do blogger também conhecida como NavBar é muito simples vai ate --->editar HTML e busca por <head> e cole o código embaixo da tag <head> para encontra pressiona Ctrl + F e vai aparecer um caixa de busca e você só deve colocar oque você quer encontrar nela (<head>)

<style type='text/css'>
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
</style>

Leia mais: http://www.compulsivo.com.br/2007/01/esconder-barra-de-navegao-do-blogger.html#ixzz0zsr5ztmz
Under Creative Commons License: Attribution Non-Commercial No Derivatives

Código retira do Compulsivo

Enviar post do blogger para twitter (Feed)

2010-09-20T05:09:00.000-07:00

Mais como mandar meus post para twitter se lá você só pode escrever 140 letras cantando com espaço! Ai que entra o site mais amigo de um blogueiro que quer manda seus post para o twitter o twitterfeed.

Se seu blog não tiver feed. neste tutorial ensinar a criar um.

Nesse site você envia as atualizações com se feed para o twitter já com as URL encurtadas.Para utilizá-lo você terá que fazer uma conta mais não é nada difícil (e-mail e uma senha).

Depois de criar sua conta vai em Creat new feed

Na primeira caixa você terá que colocar seu nome do feed.e na segunda a URL do seu feed. Se for do blogger será essa aqui http://seublog.blogspot.com/feeds/posts/default , antes de colocar troque seublog.blogspot.com por seu endereço.

Agora escolha a opção twitter mais se você quiser escolher pode ser mais o tutorial é sobre twitter.

Se você já estiver logado vai parecer esse imagem:

Clique em permitir. E você já vera a mensagem de agradecimento.

Já esta tudo pronto espero ter ajudado. E não esqueça de segui @helpblogs

Como colocar postagem numeradas no blogger?

2010-09-19T03:48:00.000-07:00

Hoje vou mostrar como fazer postagem numeradas no blog (blogger).

Então para começar baixe o modelo completo do seu template por se acontece algo de errado.

Depois de já baixado o template vamos começar.

Para fazer as postagens numeradas temos dois códigos esse é o primeiro;

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
border:1px solid #888;
background: #ccc;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #999;
background: #666;
text-decoration: none;
}

Você deve cocar ele encima dessa “TAG” ]]></b:skin>

aperte Ctrl + F e cole ]]></b:skin>

você deve colocar o código encima dele.

Agora vem o segundo código.

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord ='Anterior';
var downPageWord ='Próximo';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>
<!-- Final do código de navegação –>

Você deve colocar ele encima da “TAG” </body>

Buscar por </body> (Ctrl + F) e cole o segundo código encima dele.

OBS:Não modifique nada no Codio, se não, não vai focinhar.

Como trocar de template no blogger modo fácil

2010-09-18T03:14:00.001-07:00

Muitos outros blogs que ensinam o mesmo que o help blog já fizeram esse tutorial mais eu estou fazendo ele mesmo assim, para que fique um pouco mais completo o blog ;) Então vamos lá.
Como mudar o template de um blog no blogger? Uma pergunta de todos os iniciantes bloqueios. Fás um mês atrás não tinha essa ferramenta no blogger que facilita muito a vida de nos.
Você vai em Design---> Designer do modelo---> La você pode mudar praticamente tudo do seu template
! Ate de criar mais colunas ha mudar a cor dos links. Mais em breve estarei passando mais tutorias dessa ferramenta em VIDEO AULA.

Para não percebeu o Help Blogs esta de cara nova!!! (novo template)!!!

Marcas: blogger inciante, trocar de template, ferramentas, novidade

Quem copia seu blog? Você sabe?

2010-09-16T12:44:00.001-07:00

Você sabe quem copie seu blog? Não. Então agora vou mostrar um jeito fácil e rápido de como saber e pegar esses espertinhos que ficam falando que foi eles que escreveram o texto.

O site de ajuda Copyscape a buscar quem copio do seu blog.Além de ajudar a buscar que de copio seu conteúdo ele tem algumas ferramentas para de ajudar a proteger seu texto sua imagem e outras goisa mais que você tiver na postagem.
Mais nem sempre tem como proteger seu blog de plagio.Espero que tenho de ajudado e não esqueça de comentar!

Help Blog : Copyscape, plagio, copia de conteudo

Otimizando os títulos das postagens [SEO]

2010-09-15T08:46:00.001-07:00

Por padrão o blogger já coloca a tag <h3> para os títulos das postagens, mas o ideal é seria a tag <h1> pois cosentran o principal conteúdo da pagina.

Para fazer essa coresão entra no painel do blogger Design--->Editar HTML---> e e marque a caixa expandir modelos de widgets.

Antes de fazer qualquer alteração fassa o backup do template.

Etao procure por a tag .post h3 (como na imagem)

Será o primeiro que você em contra.

e troca o h3 por h1.
Agora busca por <h3 e troca por <h1
busca por </h3 e troca por </h1
Espero ter ajudado!

Como mudar de template [vídeo aula]

2010-09-14T13:47:00.000-07:00

Veja como mudar de template no blogger em vídeo aula modo fácil espero que gostem.

Aqui vou deixar o site para baixar o teplate http://btemplates.com/.

Help Blog Marcas: mudar template, facil, blogger inciante

Como colocar favicon no seu blog

2010-09-14T07:03:00.000-07:00

Muita gente sabe colocar no seu blog e também muita gente não sabe como colocar no seu blog.Então hoje vou mostrar um gente muito fácil de como colocar um favicon no seu blog.Veja o código;)

<link rel="icon" href="/favicon.gif" type="image/gif" />

Vou esplicar o códigos. Onde ta /favicon.gif você pode colocar sua imagem lembrando que a imagem de um favicon é de 16x16 px.
Vai ate Design--->editar html---> CTRL + F---> busca por::: ]]></b:skin> ---> em baixo voce coloca o codigo.
Favicon de outros sites.

Clik na imagen para aumentar!

Não esqueça de comentar!

Mostrar links de todas as postagens no blogger

2010-09-14T06:33:00.000-07:00

Veja como mostrar o titulo e link de todas as pastagens do seu blog é muito fácil.Mais porque eu vou fazer isso? Para que seu visitante possa ver mais pastagens sua e se ele gostar de alguns post ele pode ate voltar no seu blog!
Veja como fazer ;)

<style type="text/css">
.todosposts {
border: 1px solid #000;
height: 250px;
width: 300px;
overflow: auto;
}
.todosposts a{
color: #00C;
text-decoration: none;
}
.todosposts a:hover{
color: #F00;
text-decoration: underline overline;
}
</style>
<div class="todosposts">
<script type="text/javascript">
function showrecentposts(json) {
document.write('');
for (var i = 0; i < numposts; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(Baca)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
var re = /<\S[^>]*>/g;
postcontent = postcontent.replace(re, "");
if (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');
if (showpostsummary == true) {
if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(postcontent);
if (standardstyling) document.write('</i>');}
else {
if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
if (standardstyling) document.write('</i>');}
}
if (!standardstyling) document.write('</div>');
if (standardstyling) document.write('<br/>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');
}
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://helpblogss.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script></div>

Já sei que o código é muito GRANDE mais é muito fácil de editar!
Para editar o código procure por esse códigos la no começo:

.todosposts {
border: 1px solid #000;
height: 250px;
width: 300px;
overflow: auto;
}
.todosposts a{
color: #00C;
text-decoration: none;
}
.todosposts a:hover{
color: #F00;
text-decoration: underline overline;
}

Na primeira linha podemos escolher outros tipos de bordas e o tamanho da caixa alterando os valores do estilo todosposts{..., veja as linhas: height: 250px; width: 300px. Se não quiser a caixa, mas mostrar somente a lista completa sem barra de rolagem apague o trecho overflow: auto; e height: 250px.

Depois podemos editar completamente a aparência dos link alterando o estilo .todosposts a e .todosposts a:hover.

Ja no filnal do codigo temos a linha:

...script src="http://dicasparablogs.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-re....

Aqui você tem que colocar o endereço do seu blog e ja ta tudo pronto!

Como fazer um feed e editar

2010-09-14T06:04:00.000-07:00

Hoje vou fazer esse post para algumas pessoas que não sabem fazer um feed e depois vou

mostrar como editar ele, tipo colocar uma imagem trocar as frases e colocar aquele contador de assinantes.

Vou mostrar por passo a passo como fazer então vamos la!

Eu não aconselho usar o Mozilla porque ta alguns erros usa a explore ou o Google Chrome.
Faça uma busca no Google por: Feed Burne ou clik aqui para ir tireto no site!
Entrando la você deve fazer uma conta (nada difícil, se você não conseguir fazer sua conta para de fazer seu blog!) Depois de fazer sua conta vai aparecer algo mais ou menos assim ; para ver melhor clik na imagem.
Depois disso você deve colocar sua URL na caixa de texto abaixo e clicar em ''next''clik na imagem para aumentar de tamanho
Veja as imagens e faça igual:)

Escolha o primeiro e ''Next''

Veja se o nome do seu blog ta tudo certo e NEXT

Clica em publicar e vai aparecer outra pagina.

Clik em Email Subscriptions e vai aparecer outra pagina

Clik em activate

Clica em English e vai aparecer um menu para você escolher escolha Português.

Agora faça se login no Blogger vai em ; --->Design--->Adicionar um Gadget--->HTMl/Javascript---> e cole esse código que você pegou la na pagina do feed.

e já pode trocar tudo que você quiser...

Para colocar o contador de assinantes e fácil. Vai ate Feedcount
e la você pode editar as cores e tamanho.
Espero que tenham aprendido e não esqueça de comentar!!

Como arredondar bordas via CSS

2010-09-13T13:40:00.000-07:00

A melhor forma de arredondar as bordas de qualquer parte do template é fazendo imagens com cantos arredondados, pois fazer isso via código CSS pode dar incompatibilidade em navegadores antigos que não dão suporte a versão 3.0 do CSS.

"Cascading Style Sheets (ou simplesmente CSS) é uma linguagem de estilo utilizada para definir a apresentação de documentos escritos em uma linguagem de marcação, como HTML ou XML. Seu principal benefício é prover a separação entre o formato e o conteúdo de um documento [...]"

Texto: Wikipédia

Continue lendo...

Então vou deixar bem explicado: CSS 3.0 é uma versão mais nova do “Cascading Style Sheets” e por se tratar de uma novidade, alguns códigos não são “lidos” por navegadores antigos, exemplo: Internet Explorer 8.0 ou inferior (Sim, o IE 8.0 já é antigo! Ou melhor... O IE sempre está atrás). Como a Microsoft trabalha mal no Internet Explorer (ou em quase tudo), não fique assustado se as bordas ficarem retas no IE.
Obs.: O máximo que pode acontecer é o navegador não interpretar o código diferente da velha versão. Não vai prejudicar de forma direta o resto da codificação.

Bom, o código para colocar bordas arredondadas:

-moz-border-radius: 10px; /* Para Firefox */
-webkit-border-radius: 10px; /*Para Safari e Chrome */
border-radius: 10px; /* Para Opera 10.5+*/

Onde está 10px substitua pelo número que você quiser, pois isso define a curvatura da borda, enquanto maior o número, maior será a forma arredondada.

Os três campos são necessários, pois cada um é usado em algum navegador diferente (Comentado acima entre /* e */)

Você pode usar o código acima dentro de uma DIV (id ou class) ou em (quase) qualquer lugar que você quiser dentro do HTML do seu blog (Blogger -> Design -> Editar HTML).

Exemplo:

#exemplo1 {
width: 400px;
height: 100px;
margin: 10px;

-moz-border-radius: 8px; /* Para Firefox */

-webkit-border-radius: 8px; /*Para Safari e Chrome */

border-radius: 8px; /* Para Opera 10.5+*/

background: #f7f7f7;
padding: 20px;
border: 1px solid #000;
color: #000;
}

Exemplo em ação:

Testes

Abraços Pessoal!

Widgets Postagens Populares no seu blog

2010-09-13T08:40:00.000-07:00

Recentemente o Blogger liberou um novo widget, onde são mostradas as postagens mais populares do seu blog de acordo com o número de acessos, disponível no painel em “Elementos da Página”.

Esse widget pode ser configurado para mostrar as postagens mais visualizadas no total, nos últimos 30 dias ou da última semana. Além de ser possível colocar miniaturas de imagem ou snippet (fragmentos da postagem).

O sistema como eu disse, mostra as postagens com o maior número de acessos únicos, não por número de comentários ou algo do tipo.

Agora ninguém vai precisar depender de um código POG (Programação Orientada a Gambiarras) para tal função. =]

[Fonte aqui]

Colocar botão retweet no blog modo facil

2010-09-12T13:45:00.000-07:00

Para colocar um botão de retweet no blog é mais fácil que você pensa!
Primeiro de tudo você tem que ter um twitter claro.
Antes de começar salva o seu template no seu computador. Para se acontece algo de errado você posa ta voltando com ele ao normal.

Chega de conversa e vamos começa!
Vai ate;
Design---> Editar HTML--->Expandir modelos de widgets---> Busca por esse trecho: <data:post.body/>

E coloca esse códigos depois:)

<div style='float:right;margin-right:10px'>
<script type='text/javascript'>
tweetmeme_url = '<data:post.url/>';
</script>
<script type='text/javascript' src='http://tweetmeme.com/i/scripts/button.js'> </script>
</div>

A linha <div style=”float:right;margin-right:10px”> faz que o botão fique no canto direito se quiser do lado esquerdo é só trocar duas palavras right por left.

Personalizar gadgets do Blog

2010-09-01T20:28:00.001-07:00

Esse tutorial vai mostrar como é simples formatar o texto dos links dos marcadores do blog e isso pode ser utilizado para formatar qualquer gadget do seu blogger, pois o modo de fazer é o mesmo e funcionará bem em qualquer texto que esteja dentro de um gadget.

Primeiro vamos entrar na pagina editar HTML e procurar pelos marcadores do blog, aperte ctrl+F no seu teclado que aparecerá uma caixa para procurar texto na pagina, então digite o título dos seus marcadores em nosso caso utilizamos o título guia rápido.

Então encontramos a linha:

<b:widget id='Label1' locked='false' title='Guia Rápido' type='Label'/>

O que procuramos aqui é a id do gadget, no caso é label1 que está logo no começo widget id='Label1', então deve ver e usar como está nos marcadores do seu blog.

Depois role o código html até o começo de antes de body{....} coloque esse código:

#Label1 a{text-indent:15px;letter-spacing: 1px;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left;padding-left:15px}
#Label1 a:hover{letter-spacing: normal; font-weight: bold;background-image: url(endereço da imagem);background-repeat: no-repeat;background-position: left}

Aqui você poderá escolher qualquer formatação de texto, imagem de fundo(veja que no código tem endereço da imagem, então coloque uma ou apague aquele trecho), além disso podemos colocar bordas, ou seja, poderá deixar com a aparência que desejar (veja nossa postagem sobre fazer botões). Novamente vamos repetir que neste estilo que acabamos de criar usamos label1 no inicio dele porque é a id dos marcadores de nosso blog, então você usará igual está no seu blog senão não funcionará.

Esse mesmo procedimento serve para formatar o texto de qualquer gadget, basta entrar a id e criar um estilo utilizando o mesmo nome. Mantenha as letras maiúsculas e minúsculas como estão no código do gadget para evitar erros.

Esse tutorial foi feito atendendo alguns pedidos e duvidas sobre como fizemos o nosso menu guia rápido mudando o estilo dos links dos marcadores do blog.

Moderar Comentários do Blogger

2010-09-01T20:27:00.001-07:00

O Blogger tem uma pagina de comentários que agora facilita localizar e se necessário excluir comentário já publicado. Isso também deixou mais organizado a moderação de comentários, mas claro isso somente para aqueles que já fizeram a configuração do blogger para moderar os comentários e receber um email de aviso para cada novo comentário feito.

O Primeiro passo é entrar no painel do Blogger e clicar em comentários esse link aparece junto com o nome do seu blog.

Na pagina que aparece vemos todos os comentários publicados, então caso queira apagar algum é bem simples de localizar e deletar qualquer comentário indesejado. Aqui também temos a pagina de moderação de comentários para você decidir se aprova ou deleta os comentários recebidos.

Claro que isso só aparece se você deixar a moderação de comentários ativada, isso é feito na guia configurações >> comentários, lá você encontrará o Moderação de comentários, então sugerimos marcar a opção sempre e logo abaixo colocar o seu endereço de email, assim a cada novo comentário no seu blog você receberá um email perguntando o que fazer, ou seja, para decidir se aprova (publica) ou exclui o comentário.

Isso é muito útil, pois infelizmente muitas pessoas pensam que comentário do blog é para só deixar o link pedindo visitas ou então para ofender os outros, então para evitar mostrar coisas desagradáveis no seu blog recomendamos que usem a moderação de comentários.

Mostrar resumo da postagem

2010-09-01T20:25:00.000-07:00

O Blogger colocou a opção leia mais na sua pagina de postagem, entre nas configurações do seu blog e veja no final da pagina selecionar editor de postagem, selecione a primeira opção (Editor atualizado) e clique para salvar.

Agora vamos fazer uma nova postagem, na pagina onde escreve seu texto clique na guia escrever e note essa ferramenta que destacamos na imagem

Clique na parte do seu texto que deseja colocar o leia mais e depois clique na ferramenta destacada acima. Depois pode publicar o seu texto, mas ainda não está pronto, ainda não será possivel ver funcionando.
Vamos até a pagina editar html, clique para expandir o modelo e procure por:
<div style='clear: both;'/>
</div>

e coloque isso logo depois:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'>Veja o texto Completo</a>
</div>
</b:if>Se quiser colocar uma imagem em vez de um texto como link para ver a postagem completa, use o seguinte código:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src="endereço da imagem" border="0" /></a>
</div>
</b:if>

Agora é só clicar para salvar as alterações e visualizar o blog que aparecerá a frase veja o texto completo no final da postagem que acabamos de fazer. Lembramos que esse procedimento feito na pagina editar html só é necessário na primeira vez, nos próximos textos que publicar basta clicar na ferramenta na pagina de postagens e escolher o lugar onde aparecerá essa frase. E naturalmente você pode escrever o que quiser no lugar onde colocamos veja o texto completo.

Tamanho do XAT

2010-09-01T20:16:00.001-07:00

Tutorial : Tutorial ensinando como diminuir ou aumentar o tamanho do seu xat.
1°Pegue o Código do Seu Xat e Procure Por Width e Height.
2°Após Ter Encotrado esses nome voce verá que na Frente Terá Um Numero
de Cada Um.

3°Após Ter Visto os numeros Assinalados Acima você poderá mudar o Valor de Cada um Para deminuir ou aumentar seu xat.

4° Significados : Height: Altura Width: Largura
5° Pronto Diminua ou Aumente o seu Xat.

Registrando em XAT

2010-09-01T20:15:00.001-07:00

Aew galera mais um tutorial exclusivo, registrando-se em xat, muito simples e facil
1º entre nesse site: http://xat.com/web_gear/chat/register.php
2º coloque as informações pedidas pelo xat.com
3º será enviado uma confirmação para o e-mail cadastrado
4º confirme o cadastro, e desfrute do seu registro

Mudar o Fundo do XAT

2010-09-01T20:14:00.003-07:00

Aew galera, está aqui um tutorial muito simples, e que muitos nao sabem ^^
1º entre nesse site: http://www.tinypic.com/ e hospede sua imagem de fundo
2º vá em Edit Your Chat ou Editar Seu Chat
3º vá em Change Background, e adicione o link da imagem hospedada na frente de "Background"
4º clique em Get Images e espere carregar a imagem, clique sobre ela e em seguida em OK
Pronto seu fundo está trocado, qualquer dúvida, deixe um comentário.

Mais Avatares para XAT

2010-09-01T20:14:00.001-07:00

http://i37.tinypic.com/2z6cdjq.png

http://i38.tinypic.com/ve25au.png

http://i36.tinypic.com/289gbqt.png

http://i38.tinypic.com/2i9sdh2.png

http://i35.tinypic.com/2q8bn1t.png

http://i33.tinypic.com/111o12s.png

http://i38.tinypic.com/eqdzq0.png

http://i37.tinypic.com/icnzlz.png

http://i33.tinypic.com/iq98gx.png

http://i34.tinypic.com/16k3mgx.jpg

http://i34.tinypic.com/16lwswh.jpg

http://i33.tinypic.com/mszt68.jpg

http://i37.tinypic.com/2a681e1.png

http://i34.tinypic.com/2s7tag1.png

http://i37.tinypic.com/315h5vq.png

http://i38.tinypic.com/33cal8y.png

http://i34.tinypic.com/34rdifa.png

http://i34.tinypic.com/f081hi.png

http://i34.tinypic.com/34e6g3t.png

http://i33.tinypic.com/2uq282v.png

http://i37.tinypic.com/33nwbpj.png

http://i37.tinypic.com/wk075c.png

http://i37.tinypic.com/10cixap.png

http://i37.tinypic.com/wv4e93.png

http://i34.tinypic.com/opvebb.png

http://i34.tinypic.com/v2wpi1.png

http://i37.tinypic.com/2a0gl14.png

http://i36.tinypic.com/ru79kw.jpg

http://i34.tinypic.com/rkc8zq.png

http://i34.tinypic.com/51v9uc.png

http://i37.tinypic.com/29yr43c.gif

http://i34.tinypic.com/16k3mgx.jpg

http://i33.tinypic.com/dd0ykj.png

http://i35.tinypic.com/2dtsz7l.png

http://i34.tinypic.com/a42237.png

http://i38.tinypic.com/fmmfdk.png

http://i35.tinypic.com/w8u72g.png

http://i33.tinypic.com/2wo8ub9.png

http://i37.tinypic.com/5e7rf7.png

http://i33.tinypic.com/11m9lps.png

http://i36.tinypic.com/121ai5i.png

http://i37.tinypic.com/scrfde.png

http://i36.tinypic.com/2qao5cg.png

http://i36.tinypic.com/i6l1e1.png

http://i35.tinypic.com/264ruqd.png

http://i35.tinypic.com/eqngh0.png

Main Owner de Volta

2010-09-01T20:02:00.001-07:00

Vou ensinar como pegar se Main Owner de novo no Chat quando se passa o CC CLEANER pra tirar o ban

1- Antes de voçe passa o CC CLEANER vá no seu Chat ondi vc é Main Owner
2- Clique em Edite seu Chat se estiver em inglês fica ''Edit your xat''
3- Clique em Funcionalidades Extras se estiver em inglês é Extra features
4- Vai abrir outra página do explorer no caso outra ''aba'' ou se vc estiver o firefox a msm coisa. aquela página que abrir , aaquele endereço Copia ele e salva em um bloco de notas
5- Pronto agora se vc passar o CC CLEANER basta ir naquela pasta copiar e cola no endereço ondi fica o WWW e aperta o ENTER
6- Depois clique em Update & Get código do lado esquerdo, espere carregar o xat e pronto se Main owner de volta

Cor Mensagem do XAT

2010-09-01T20:01:00.001-07:00

Primeiro de Tudo Acesse Esse Site : [[ Site ]]
Obs: Só Serve Para Owners e Main Owners Do Xat
1°Escolha Umar Cor e Copie e Código Dela !

2°Agora Comece para por a Mensagem Coloque Isso:

/s Seu Texto

exemplo:

/s BLOG DO SHOT

3°Após ter feito isso Cole o Código da Cor após a Mensagem Exemplo:

/s BLOG DO SHOT #7CFC00

4° Aperte Enter e Pronto

5° Resultado Final :

Codigos XAT

2010-09-01T20:00:00.001-07:00

/ A --
/ B --
/ C --
/ D --
/ E --
/ F - adicionar um amigo à sua lista de contactos para ID (1)
/ G - o escalão mais baixo em todo o convidado do chat (requer GUESTSELF)
/ H - mudo o bate-papo (requer HUSH)
/ I informações - sobre o seu bate-papo
/ J --
/ K --
/ L --
/ H, a bordo de um mod por um tempo limitado (requer TEMPMOD) (1)
/ N - punir um mod (requer SINBIN)
- ou alterar a cor padrão e estilo de smilies amarelo
/ P - para proteger o chat (1)
/ Q --
/ R --
/ S - alterar a mensagem de rolagem de bate-papo (1)
/ T - ignorá-la com um beijo livre (requer TTTH).
/ U --
/ V --
/ W --
/ X --
/ Y --
/ Z --

Avatares para XAT

2010-09-01T19:59:00.000-07:00

Icones Sociais

2010-09-01T19:52:00.002-07:00

Fontes

2010-09-01T19:52:00.000-07:00

Como Instalar :
1° Faça o Download extraia a pasta.
2°Va em Iniciar>Configurações >Painel de Controle>Fontes
3°Vá na Pasta Extraida copie as fontes e Cole na Pasta Fontes.
4°Pronto Fontes Instaladas.

Fontes Incluidas :

+ Pacotão com 710 Fontes

Entrada Universe Games

2010-09-01T19:51:00.000-07:00

Editor de Imagem

2010-09-01T19:49:00.001-07:00

Trago um link pra baixar os Editores

clika em Download para baixar Photo scape 3.5

Espero ter ajuda si ao corre algum deixa comentarios

Pack Avatares Animados

2010-09-01T19:47:00.001-07:00

Hoje vim Trazer Pack Avatares Animados espero que ajudem.

Últimos Posts

2010-09-01T19:46:00.001-07:00

Se você quer colocar uma relação dos últimos posts publicados no blog, basta acessar o Layout do seu blog e clicar em “adicionar um elemento de página”, selecione Feed e coloque no campo de URL a URL do feeds de seu blog, clique em continuar e mude o nome para Últimos Posts ou outro nome que quiser. Agora você pode deixar na barra lateral, em cima dos posts ou onde achar melhor para que a relação entre visitantes e páginas lidas aumente.

Você pode fazer o mesmo procedimento para os últimos comentários. Para isso basta ir no blog e copiar o link de “Assinar: Postagens” mudar o nome do campo para algo como “Últimos Comentários” e os comentários aparecerão na barra lateral ou onde quiser no seu blog.

Trocando Template

2010-09-01T19:45:00.000-07:00

O que é um template?

Template é o design pré-definido de apresentação do blog. Através do Template você pode diferenciar seu blog dos demais.

Como trocar o template no Blogger

O primeiro passo é encontrar um template novo que expresse o que queremos passar em nosso blog, no nosso caso é necessário atentar se o template funciona no novo blogger. Uma rápida pesquisa no Google e pronto, você encontra um template com a sua cara. Aqui no Help blogss você tambem encontra templates.

Depois de baixado em seu computador o arquivo xml do template vamos instalar o novo template no blogger. Abra o painel de controle de seu blog, clique em Layout – Editar HTML. Clique em procurar e localize o arquivo baixado no seu computador e clique em Fazer Upload e pronto, você já terá um novo Template no seu blog. Eu já tenho o meu...Uma observação aqui, sempre faça o backup completo de seu template antigo antes de fazer esse procedimento, assim qualquer dúvida você pode voltar para o template antigo.

Para ver como ficou clique em visualizar blog e veja se o efeito foi o esperado. Na minha opinião esse é o primeiro passo após a criação de um blog, definir o template. Não foi a seu grado, então vá em busca de outro template, só passe para o próximo passo depois que estiver satisfeito com seu template. Não existe coisa pior do que blog que troca de template a todo momento, é desagradável para o leitor e cansativo para você.

Configurando Sub Dominio em Blog

2010-09-01T19:44:00.001-07:00

Como vocês já devem ter reparado, estou revendo todos os meus antigos templates, já que a maioria deles estava com o código obsoleto, pois muita coisa mudou no Blogger desde que passei a oferecer template gratuitos para download.

Subdomínios são ramificações de um domínio principal. No caso do Blog do Shot, o domínio principal é blogdoshot.com e o subdomínio do Teste é teste.blogdoshot.com

Em determinados casos, um subdomínio chega a ser mais útil do que as páginas estáticas, pois nelas só cabe 1 post por página, enquanto no subdomínio cabem quantos posts forem necessários, pois ele é um blog acessório do blog principal.

Parece complicado, mas não é. Vejam mais alguns exemplos:

http://www.teste.blogdoshot.com/

Este é o subdomínio do meu teste blogdoshot.com e o subdomínio teste.

Você pode usar o subdomínio da forma de achar melhor.

Vou explicar como criar um subdomínio utilizando o painel do Uol Host – que é onde o domínio do Blog do Shot encontra-se registrado, mas acredito que os demais serviços de hospedagem sejam semelhantes, daí é só adaptar o tutorial.

Como criar o subdomínio

Vamos simular a criação do subdomínio teste.blogdoshot.com

Faça o login no Uol HostClique em VER MEUS DOMÍNIOS / MUDAR AUTORIDADE DNSEm todos os meus domínios , procure pelo domínio onde será criado o subdomínioMarque a caixa que fica à esquerdaNo alto, à direita, escolha a opção gerenciar zona DNSEscolha novamente o domínioNo menu mais ações, escolha gerenciar DNS.

Crie uma entrada do tipo CNAME da seguinte forma:

Tipo: CNAME

Entrada: escreva o nome do subdomínio sem o www

Valor: ghs.google.com

Repita o processo, mas agora com o www:

Tipo: CNAME

Entrada: escreva o nome do subdomínio com o www

Valor: ghs.google.com

Nos dois casos será preciso clicar no botão criar.

Como configurar o subdomínio no Blogger

Agora crie um novo blog no Blogger e configure o subdomínio da mesma forma que você fez quando colocou o domínio principal:

Vá no painel do Blogger e clique em configurações. Na aba publicação, escolha alterar para domínio personalizado. Coloque seu novo domínio no campo indicado e salve. Depois marque a caixa de redirecionamento e salve novamente.

Registrando Dominio UolHost

2010-09-01T19:43:00.000-07:00

Muitos me pedem essa explicaçao, hoje irei disponibilizar um tutorial de como Registrar um Dominio Próprio para o seu blog , para ajudar aos que tem intenção de adquirir um domínio próprio e efetuar a mudança de endereço como eu fiz aqui no Blog do Shot.
Existem várias opções de sites onde você pode registrar um domínio, como o Registro.br ou o Locaweb, mas eu escolhi fazer pelo Uolhost, então vou explicar como registrar um domínio neste site.
O domínio é a URL do seu blog. Quando criamos um blog no Blogger, o dominio sempre será: [nomedoseublog].blogspot.com, só que em algumas empresas, domínios que possuem a palavra "blog" são bloqueados, assim como orkut e msn.
A mudança de endereço para um dominio próprio, além de deixar o blog com um ar mais profissional, ainda aumenta o acesso e as visitas do google, já que muitas empresas bloqueiam o acesso do "blogspot.com" , o seu terá um acesso livre, se tiver um domínio próprio.
Agora vejamos como proceder.
A primeira coisa a fazer é já ter em mente o domínio que você quer usar e verificar se o domínio desejado está disponível ou não. Essa verificação será feita no próprio site da Uolhost.
Acesse o site da Uolhost: Uolhost

Na página inicial do site, escolha seu dominio e clique em "procurar".

Se o endereço escolhido estiver disponível, basta clicar em "adicionar". Caso não esteja disponível, você deverá escolher outro e fazer a busca novamente.
Verificando que o domínio está disponível, escolha o que você preferir e clique em "Registrar Domínios Selecionados".

Na próxima etapa, clique em "Avançar para o cadastro". Você deve cadastrar o dados solicitados pelo site.

Feito o cadastro, você receberá um email de confirmação. Se você optou pela forma de pagamento através de boleto bancário, neste email terá um link para que você possa imprimir seu boleto bancário com o valor do domino que acabou de registrar. Caso tenha efetuado o pagamento com cartão de crédito, receberá a confirmação do pagamento.
Até que o site registre e confirme o pagamento, pode ser que demore alguns dias para que o domínio esteja disponível para utilização. (Se for domínio ".com.br" esta demora pode durar até 5 dias).

Agora é só aguardar a liberação do seu registro do domínio pelo site para depois configurar o novo endereço no seu blog.

Recomendo a leitura deste artigo para que você possa aprender Como configurar o seu domínio próprio no Blogger.

Deixar de Seguir um Blog

2010-09-01T19:41:00.001-07:00

Algumas pessoas perguntaram como deixar de seguir um blog, afinal com o passar de algum tempo vemos que aquele tipo de conteúdo não é tão interessante quanto pensamos ou por qualquer outro motivo não queremos ser seguidores de algum blog e não sabemos como parar de seguir um blog.

Existem vários jeito de fazer isso você pode entrar no painel do Blogger, vá até a lista de blogs que está seguindo e clique em administrar.

Você verá uma lista com os blogs que segue do lado direito clique no link configurações do blog que deseja parar de seguir, talvez seja necessário fazer login novamente, depois disso você verá essa imagem.

Então só clique no link para de seguir e já está pronto, agora o blog não aparecerá mais na sua lista de blogs que está seguindo.

Criando um Blog

2010-09-01T19:40:00.001-07:00

Para criar um blog gratuitamente acesse o Blogger e clique em Criar Blog, como na imagem abaixo. Agora vamos criar nossa conta do Google. Se você já possui uma conta no Gmail, nos grupos do Google ou no Orkut, clique em “acesse-a primeiro”. Agora faça seu login e clique em acessar. Se você ainda não possui uma conta em um desses serviços do Google, crie sua conta com qualquer e-mail que possuir, digitando os dados exigidos.

Dê um título ao blog (ex: Blog do Shot), que tenha a ver com seu blog, com os posts que serão publicados nele, preencha o endereço do blog (ex: blogdoshot– tudo junto, sem espaços), e clique em verificar disponibilidade, para saber se já existe algum blog com esse nome, senão houver clique em continuar, se houver escolha outro nome, mas não esqueça de colocar o título do blog de acordo com o novo nome para ficar melhor apresentável.

Agora escolha um modelo de Template e clique em continuar. Como na imagem abaixo clique em Começar a usar o blog e pronto, seu blog está criado.

Configurações Blogger

2010-09-01T19:39:00.002-07:00

Agora que você já sabe como criar um blog no Blogger vamos fazer as primeiras configurações no seu blog antes de começar a publicar e divulgar seus posts. Abra o painel de controle do blog, faça seu login e entre na aba Configurações.

Básico

Na primeira aba você pode colocar o título do blog, ou editar, a descrição, entre outras configurações importantes. Verifique o que é importante para seu blog e clique em salvar configurações.

Publicação

Na aba publicação você pode alterar a url de seu blog (não é recomendado, pois não poderá voltar atrás depois).

Formatação

Aqui você irá definir a formatação de seu blog. Entre outras configurações importantes você pode definir o número de posts na página principal, formato de data, entre outros.

Comentários

Nessa aba você define se quer comentários ou não e como eles irão aparecer nos posts.Você ainda pode, e deve, colocar uma mensagem no formulário de comentário. Uma funcionalidade muito importante é a moderação de comentários, decida se você irá ou não moderar os comentários. A qualquer momento você poderá desfazer essa configuração. Coloque um e-mail válido para receber os avisos de comentário e clique em salvar configurações.

Arquivamento

Aqui existem apenas duas configurações a se fazer. No padrão a sequência de arquivamente vem Mensal e as páginas de postagem estão ativadas, ou seja, cada post será aberto em uma página única. Recomendo que deixe como está.

Site Feed

Vamos agora definir como serão mostrados seus feeds para seus assinantes. Vamos as configurações, primeiro clique em Alternar para Modo Avançado. Nas três primeiras configurações você irá definir se quer ter um feed, se quer disponibilizar apenas um resumo ou completo. Isso é muito pessoal, eu vou deixar os meus como resumo (sinopse).

Em URL de redirecionamento não coloque nada por enquanto. Em outro post estarei falando sobre o Feedburner e como criar uma conta nesse serviço. Ai utilizaremos esse espaço. O espaço postar rodapé do feed também iremos deixar em branco por enquanto.

E-mail

Em endereço de BlogSend você pode colocar até 10 e-mails separados por vírgula. Toda vez que você postar será enviado o post para esses e-mails. Eu vou deixar em branco, pois considero isso uma forma de propagar spam, afinal se alguém quiser ser avisado de um novo post em seu blog basta se cadastrar nos feeds.

O Blogger permite que você publique seus posts por e-mail, ou seja, você pode enviar para um e-mail que você define aqui em Email Post Adress. Não irei utilizar, mas se você quiser basta criar o e-mail preenchendo o campo que está em branco, definir se quer publicar imediatamente ou salvar como rascunho para revisar e clicar em salvar configurações. Agora basta enviar o post para esse e-mail e ele será publicado.

OpenID

Leia o artigo Como aumentar as visitas de seu blog com o OpenID.

Permissões

Nessa configuração você pode convidar um novo autor para seu blog. Basta clicar em adicionar autores e colocar o e-mail da pessoa que quer convidar e clicar em convidar. Assim que ele aceitar o convite você pode lhe dar as permissões que quiser. A outra configuração possível é quem pode ler o blog, por padrão são todos, mas você pode definir para somente os autores ou pessoas que quiser tenham acesso a esse blog, eu vou deixar o padrão é lógico.

Conclusão

Com isso suas configurações estão prontas, agora podemos começar a mexer no layout do blog. Colocar alguns widgets, links, entre outros componentes necessários para a usabilidade do blog. Até a próxima e qualquer dúvida utilize o formulário de comentários.