July 16, 2009

Posted by: admin

Category: Criando um blog, Dicas, Iniciantes

Tags:

Como destacar os comentários do autor do blog

No WordPress há a opção de destacar os comentários do autor do blog dos de visitantes, saiba como colocar este recurso no Blogger.

Achei este tutorial no Usuário Compulsivo e achei muito bom:

Entre na edição HTML do template, marque “Expandir modelos de widgets” e procure pelo trecho de código abaixo e inclua os trechos destacados em vermelho:

<dl id=’comments-block’>
<b:loop values=’data:post.comments’ var=’comment’>
<dt class=’comment-author’ expr:id=’”comment-” + data:comment.id’>
<a expr:name=’”comment-” + data:comment.id’/>
<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>


<b:if cond=’data:comment.author == data:post.author’>
<dd class=’blog-author-comment’>
<p><data:comment.body/></p>
</dd>
<b:else/>



<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>


</b:if>


<dd class=’comment-footer’>
<span class=’comment-timestamp’>
<a expr:href=’”#comment-” + data:comment.id’ title=’comment permalink’>
<data:comment.timestamp/>
</a>
<b:include data=’comment’ name=’commentDeleteIcon’/>
</span>
</dd>
</b:loop>
</dl>

Agora no CSS da página, que normalmente fica entre as tags <head> e </head>, cole o seguinte código:

.blog-author-comment {
margin:.25em 0 0;
}
.blog-author-comment p {
margin:0 0 .75em;
padding:5px 10px;
border:1px dotted #c0c0c0;
background:#f5f5f5;
}


(O trecho em vermelho representa as cores da borda e do fundo)

Agora salve e pronto!

July 14, 2009

Posted by: admin

Category: Criando um blog, Dicas, Iniciantes

Tags:

Como colocar um chat no seu blog/site

Primeiro entre no site http://www.xat.com/ , crie uma conta , logo após clique em make a chat box

Escolha um plano de fundo , pro seu chat, clique no botão escrito : “update e get code” copie o código de cima , clicando em “copy” e cole no editor html do seu site ou blog , seu chat vai ficar assim :

Seu chat estará pronto para ser usado!

July 8, 2009

Posted by: admin

Category: Blog, Iniciantes, Tutoriais

Tags:

Como colocar música no Blogger?

Para quem deseja colocar música no blogger existe basicamente duas formas boas, a primeira você pode colocar na sidebar (barra lateral) ou a segunda no post. Vejamos como:

1º – Primeiro você precisa hospedar seu arquivo .mp3 num servidor, feito isso, pegue o link como este:

http://sample-server.com/uploads/from-the-moon.mp3

(aqui é só um exemplo, não hospedei nada)

2º – Aqui é o código para você adicionar música para seu blog

<embed width=”250″ height=”50″ autostart=”false” src=”MUSIC FILE URL”/></embed>

3º – Escolha onde você irá coloca-lo

Para colocar na sidebar, vá para Layout > adionar HTML/Javascript e cole o código.
Para colocar no post, vá para Layout > Editar HTML e cole o código.

Pronto, terminamos, espero que gostem.

July 8, 2009

Posted by: admin

Category: Blog, Dicas, Iniciantes

Tags:

Retirando a Blogger Navbar

Cada vez mais os blogs estão ficando mais proficionais, daí a necessidade de melhorar seu blog para que ele não fique para trás no avanço da internet. Pensando nisso, muitos blogueiros ao criar um blog a primeiro coisa que fazem é tirar aquela barra que fica acima do template chamada “Blogger Navbar”. Essa barra identifica logo o seu blog como “mais um” do blogger.

Essa dica não é algo novo, mais se você não fez ainda, faça agora visto que ela é bem simples.

Emcontre esse código e acrescente essa parte em verde.

<b:skin><![CDATA[/*
... ...
... ...
#navbar {display:none;}
... ...
... ...
]]></b:skin>

Visualize seu blog e se tudo tiver dado certo salve o template.

Pronto simples assim.

July 7, 2009

Posted by: admin

Category: Iniciantes

Tags:

Mudando o modelo do Blogger

Para quem tem o modelo antigo do Blogger e quer mudar para o mais novo que tem vários recursos é bem fácil. Só não garanto que você não perderá o conteúdo das colunas.

A primeira coisa a fazer é salvar o código de seu atual template no bloco de notas em seu computador. Agora salve também o conteúdo das colunas, pois esse é praticamente impossível não serem perdidos.

Depois encontre um modelo para o novo Blogger que seja do seu agrado. Aqui tenho mais de 100 templates além de um template totalmente costumizável, que você poderá colocar as cores e a imagem de seu agrado. Além do mais, há outros blogs com templates bem bonitos, procure na barra horizontal em meu blog, onde está escrito Amigos/Parceiros.

Depois faça como as fotos abaixo.

Clique nas imagens para amplia-las.

Free Image Hosting at www.ImageShack.us

Free Image Hosting at www.ImageShack.us

Aqui são os modelos padrão do Blogger, escolha qualquer um, depois mude por outro do seu agrado.

Free Image Hosting at www.ImageShack.us

Free Image Hosting at www.ImageShack.us
Free Image Hosting at www.ImageShack.us

July 7, 2009

Posted by: admin

Category: Iniciantes

Tags:

Onde estão as HTMLs em seu Blogger

Um HTML é o do template, que é onde se faz as mudanças como cor, imagem de fundo, imagem principal, inserir alguns scripts, é onde fica a folha de estilo do seu blog (template), etc.

  • Possui o HTML/Javascript, que é onde fica tudo que você coloca nas colunas laterais, como widgets, gadgets, contadores, etc.
  • HTML do post, que é onde você escreve.

HTMLS do Blogger
HTML do seu blogger

Clique-me

Clique para ampliar

Para modificar imagem do seu template, fundo, largura das colunas,

colocar menu, é aqui que devem ser feitas essas modificações.

HTML/Javascript
1-Clique em modelo

Clique-me

2-Clique em “Adicionar um Gadget”

3- Clique em HTML/Javascript

4-É nessa janela, como mostra a imagem que você colará os códigos quando forem pedidos.

Windgets, Embed, etc…
Clique-me

HTML do post

Para colar códigos nos posts do seu Blogger

(onde vc escreve e o seu visitante o que vc escreveu, rsrsrrsr) HTML do post

Image Hosted by ImageShack.us

Clique para ampliar
Créditos:Templates e Acessórios

July 7, 2009

Posted by: admin

Category: Iniciantes

Tags:

Como instalar um template

Vamos lhe ensinar a mudar o template do blogger:
Os templates aqui dispostos são para o novo Blogger, e estão em formato XLM.

A primeira coisa que deve fazer, é salvar seus widgets.

O que é isso ?

É tudo aquilo que você coloca nas colunas como slide, seu banner com link-me, links para outros blogs, essas coisas.
Copie os códigos e guarde-os em algum lugar como o bloco de notas que você tem em seu computador ou mesmo no local que você escreve aqui no Blogger.

Feito isso, ao, encontrar um template do qual você gostou, faça como mostra as imagens. 

Clique sobre essa imagem

Ao entrar no site onde está guardado o código, clique na inscrição

Abrirá uma janela como essa abaixo. Clique em “Salvar”

Salve em uma pastinha no seu computador. Preste atenção onde está salvando, você precisará deste código daqui a pouco.

Vá até o HTML do Blogger, se não sabe onde fica, siga as instruções das imagens.

Clique em “Layout” no seu painel de entrada

Agora clique em “Editar HTML”

Clique em “Procurar”

Procure agora pelo template que você acabou de fazer o download, de um clique sobre ele e depois clique em “Abrir”

Ao ver a inscrição, clique em “Fazer upload”

Pronto, está instalado

Caso aconteça isso com você, clique em “Confirmar e Salvar”

Esses são os widgets que o Blogger está excluindo, aqueles do início que falei para você salvar.
Depois reinstale-os.

July 7, 2009

Posted by: admin

Category: Iniciantes

Tags:

July 7, 2009

Posted by: admin

Category: Iniciantes

Tags:

Como colocar imagens, fotos nas postagens do Blogger

As vezes, nós, blogueiros que ensinamos nos esquecemos que coisas muito simples e que para nós é tão natural como respirar, para outros é um bicho de sete cabeças, por isso, atendendendo a pedidos, faço essa dica, de como colocar imagens nos posts do Blogger.

Agora você abriu uma janela como essa.
Clique em “escrever”

Agora clique em um pequeno ícone na cor azul para abrir a janela para postar as imagens.

Clique agora em “Procurar”

Eis que agora o browser do seu computador foi aberto. Clique então no pequeno ícone como mostra a imagem acima para poder visualizar as imagens hospedadas em seu pc.

Agora clique em “miniaturas”
Clique então na imagem que vc quer “subir” para o blog
Veja que apareceu uma inscrição no espaço. Faça aí mesmo a configuração como mostra a imagem

Aguarde

Clique agora em “Concluido” Pronto, agora é só publicar
Querendo colocar mais de uma imagem proceda tudo de novo ou faça como o modelo abaixo.

Fonte:Scrap Borboleta

July 7, 2009

Posted by: admin

Category: Iniciantes

Tags:

Como hospedar vídeos no Blogger

Tutorial simples e rápido,vamos lá:
Se você quer hospedar seus vídeos no Blogger é fácil.

Abra o editor de textos (local onde você escreve suas postagens)

Clique então neste pequeno ícone ( ) na barra de ferramentas. Abrirá uma janela como essaabaixo. Clique em “Procurar” abrirá uma janela. Procure então o vídeo que vc quer colocar.

Coloque o título do vídeo no local indicado.

Selecione o quadradinho concordando com os termos de uso.

Quando você clicou abriu o browser do seu pc. Escolha então o vídeo que você quer subir e clique em “Fazer upload de vídeo”.

Vai voltar para a tela abaixo

Agora espere,demora um pouco mais vale apena.

« Older Entries  

Free Web Hosting