June 28, 2009

Posted by: admin

Category: Blog, Iniciantes, Tutoriais

Tags:

Retirar o link : Assinar: Postagens (Atom)

Para retirar este link padrão do Blogger que fica sob as postagens, procure no código do seu template este trecho:

.feed-links {
clear: both;
line-height: 2.5em;
display: none;
}

e acrescente o que está em negrito.

June 28, 2009

Posted by: admin

Category: Blog, Mais visitas

Tags:

Divulgando seu Blog

Além dos famosos indexadores Technorati e BlogBlogs, existem diversos outros serviços na web que ajudam na divulgação de blogs, aumentando o tráfego direto ou através dos sites de buscas (leia-se Google).

MyBloglog

É uma espécie de rede social do Yahoo,com ênfase em blogs.

Em inglês.

Aceita cadastro de diversos blogs bem como publica seus posts via feeds.

BlogCatalog

No mesmo estilo do anterior.

Dihitt

Em português, funciona como rede social,indexador de blogs e divulgador de feeds.

Super fácil de usar.

Linkk

Nacional, especializado em notícias.

Basta se cadastrar e enviar seus posts.

Quem decide o que vai ser publicado são os leitores.

BlogGeral

Indexador nacional, no estilo do BlogBlogs

DigNow!

Permite cadastrar diversos blogs. Em inglês.

Está sempre nas buscas vis Google.

Via6

Também em português, mas meio chatinho de usar.

Funciona como rede social.

Ueba

Um dos mais renomados e acessados sites de links.

O difícil é conseguir emplacar um.

June 28, 2009

Posted by: admin

Category: Blog, Iniciantes

Tags:

Contadores Online

Existem alguns modelos diferentes de contadores online.

Os mais usados são:

Amung

Opromo

Blog Utils

June 28, 2009

Posted by: admin

Category: Blog, Iniciantes, Tutoriais

Tags:

Como Trocar o Template do Blogger

Passo 1: escolha template em XML próprio para o Blogger.

Passo 2: salve-o em seu computador.

Passo 3: faça login no Blogger, entre em layout e depois em editar html

Passo 3: clique em arquivo (fig 1) e encontre seu template dentro do computador (fig 2).

Passo 4: anexar o arquivo XML e clicar em fazer upload (fig 3)

Passo 5: aceite passivamente a perda dos widgets.

Passo 6: salvar

Deu Erro?

Tente a troca em outro navegador ou limpe o cache do seu navegador. No Firefox, é só clicar em ferramentas>opções>privacidade>limpar dados pessoais.

Créditos:Só para blogueiros

June 28, 2009

Posted by: admin

Category: Blog, Iniciantes

Tags:

Como Inserir Marcadores Nos Posts

O marcador, também chamado de etiqueta (label em inglês) funciona como uma espécie de classificação do artigo que estamos escrevendo. Por exemplo, acabo de publicar um novo template e quero catalogá-lo; nada mais natural que colocá-lo no marcador “templates”. Isso vai facilitar a navegação dos visitantes do blog; para isso, é muito importante manter uma lista dos marcadores sempre em local visível.

Supondo que hoje um internauta estava procurando por “widgets para o Blogger” e o Google direcionou-o para o Dicas Blogger. Ao chegar, uma das primeiras coisas que ele verá será essa lista, que dei o nome de “índice”, com os principais tópicos do blog – que nada mais são que os marcadores.

Para incluir o marcador, basta escrever o nome que você deseja dar a ele na caixa em branco, que fica embaixo do editor de textos do Blogger.

Uma vez inserido o marcador, o mesmo pode ser usado para futuras postagens que sejam do mesmo tema. Para visualizá-los, basta clicar em “mostrar tudo” e assim, escolher um deles para o seu novo post.

Também podemos editá-los. Devemos clicar em “editar postagens” e procurar por “ações do marcador”. Daí, é só escolher os posts a serem modificados.

E por fim, para incluir na sidebar a lista dos marcadores, basta irmos em layout, elementos de página, clicar em “adicionar um gadget” e escolher a opção “marcadores”.

Fonte:So para blogueiros

June 28, 2009

Posted by: admin

Category: Blog, Dicas, Iniciantes

Tags:

Comentários na Sidebar

Além da dica passada há tempos atrás, outra forma legal de se colocar os comentários recentes na sidebar (ou barra lateral) é criando um widget.
Achei duas formas.

Neste link tem um gerador do site Templates For You.
Basta ir completando os espaços com os dados do seu blog.

Na outra é só inserir este código

<script style=”" src=”http://minadeblogs.com/widgets/comentarios.js”></script><br/><script style=”">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = false;</script><br/><script src=”http://SEUBLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=mostracomentariosrecentes”></script>

June 28, 2009

Posted by: admin

Category: Blog, Iniciantes

Tags:

Caixinhas Para Divulgar os Banners do Seu Blog

 Caixinha link-me é o nome dado ao widget usado na divulgação dos banners de um blog. Abaixo, veja dois modelos:

No primeiro, podemos gerar o código em sites como o Mais Blog. Para tanto, é preciso já ter um banner hospedado e seguir as instruções do site. O código gerado, deverá ser colado nos gadgets do Blogger, em HTML/Javascript.


Fonte:Dicas Blogger

June 28, 2009

Posted by: admin

Category: Blog

Tags:

Bloquear o uso do Botão Direito do Mouse

Pra aqueles que desejam bloquear o uso do botão direito do mouse, em seu blog, para que não roubem suas imagens, etc… ai vai o código.

<script type=’text/javascript’><br />//desabilita menu de opções após clicar no botão direito<br />function desabilitaMenu(e)<br />{<br />if (window.Event)<br />{<br />if (e.which == 2 || e.which == 3)<br />return false;<br />}<br />else<br />{<br />event.cancelBubble = true<br />event.returnValue = false;<br />return false;<br />}<br />}<br /><br />//desabilita botão direito<br />function desabilitaBotaoDireito(e)<br />{<br />if (window.Event)<br />{<br />if (e.which == 2 || e.which == 3)<br />return false;<br />}<br />else<br />if (event.button == 2 || event.button == 3)<br />{<br />event.cancelBubble = true<br />event.returnValue = false;<br />return false;<br />}<br />}<br /><br />//desabilita botão direito do mouse<br />if ( window.Event )<br />document.captureEvents(Event.MOUSEUP);<br />if ( document.layers )<br />document.captureEvents(Event.MOUSEDOWN);<br /><br />document.oncontextmenu = desabilitaMenu;<br />document.onmousedown = desabilitaBotaoDireito;<br />document.onmouseup = desabilitaBotaoDireito;<br /></script>

June 28, 2009

Posted by: admin

Category: Blog, Iniciantes

Tags:

Backup do Template e dos Widgets

Antes de realizar qualquer edição no html do seu template, é altamente recomendável fazer um backup. Vá em “layout”,”editar html” e clique em “salvar modelo completo”

Se algo sair errado, bastará fazer o upload deste arquivo que você salvou.

Outro problema muito comum aos novatos e absolutamente inesquecível é que, após a troca de template, muitos dos widgets serão perdidos. Para evitar esta desgraça este transtorno, podemos nos utilizar de dois métodos:

* fazer uma cópia de todos os códigos no Word
* fazer uma cópia de todos os códigos em um blog de testes

Eu uso a segunda opção, até porque é uma boa forma de visualizar os widgets no novo template, antes de alterá-lo definitivamente.

June 24, 2009

Posted by: admin

Category: Blog

Tags:

Menu horizontal

Para colocar um menu horizontal no site precisamos colocar o código em duas partes distintas. Primeiro vamos colocar o CSS, no blogspot isso é feito através da pagina editar html, colocando o código abaixo junto com os demais códigos CSS do seu blog (body, main, sidebar, etc…), basta colocar o trecho abaixo junto com o restante dos códigos. Para outros blogs a regra é a mesma junto com os demais estilos CSS.
Código CSS do menu horizontal:

#menu{padding: 0px;
font: bold 12px Verdana;
margin: 0px;
width: 650px;}
#menu li{list-style: none;
display: inline;
margin: 0;
}
#menu li a:link, #menu li a:visited{
color: #0000FF;
text-decoration: none;
margin-right: 3px;
border: 2px solid #000000;
padding-top: 4px;
padding-bottom: 4px;
width: 150px;
display: block;
float: left;
text-align: center;
background-color: #FFFFCC;
}
#menu li a:hover{
color: #FFFFFF;
background-color: #FF9933;
border: 2px solid #0099FF;
}

Aqui existem algumas coisas que podemos mudar para deixar esse menu com uma aparência melhor para nosso site. Começando pela largura de cada item, isso é alterado nessa parte: width: 150px; basta trocar esse valor e pronto, contudo modificando isto mudaremos também a largura total do menu que precisará ser corrigida aqui: width: 650px. Quando colocar isso no seu site os itens do menu devem ficar um do lado do lado se isso não ocorrer modifique um destes dois valores que resolverá o problema.
Nesse exemplo o menu não está todo junto existe um pequeno espaço entre os itens para remover ou aumentar esse espaço altere o 3 nesta parte: margin-right: 3px. Finalmente as bordas:

border: 2px solid #000000;
border: 2px solid #0099FF;

Você pode mudar a largura ou a cor da borda (clique aqui e veja o código das cores), ou se preferir sem bordas basta apagar essas duas linhas.

Agora vamos para a segunda parte colocar o menu propriamente dito. Na página editar layout clique para adicionar um gadget e escolha a opção html/javascript, então coloque o código do menu, fizemos esse exemplo agora e só alterar e somente trocar os links:

<ul id=”menu”>
<li><a href=”http://seu site.blogspot.com” target=”_blank”>Seu titulo</a></li>
<li><a href=”http://seu site.blogspot.com” target=”_blank”>Seu titulo</a></li>
<li><a href=”http://seu site.blogspot.com” target=”_blank”>Seu titulo</a></li>
<li><a href=”http://seusite.blogspot.com” target=”_blank”>Seu titulo</a></li>
</ul>

« Older Entries   Newer Entries »

Free Web Hosting