PontoPro: Blogspot

Estes são os posts do marcador "Blogspot"

26 de maio de 2009

Top 10 templates blogger

Tá cada vez mais difícil achar um template legal, por isso, está aí uma lista de sites que possuem centenas de templates Blogger para o download com apenas 1 clique.

templatesparanovoblogger da Ariane
temas.burajiru
btemplates
templatesparavoce da Áurea
blogtemplates
dicasblogger da Jú Sardinha
usuariocompulsivo alguns hacks a implementar no blog
eblogtemplates
freetemplates
blogspottemplate

Personalize seu blog, ele é a casa digital dos seus leitores.

Continue lendo >>

13 de maio de 2009

Centralize seu banner/propaganda

Para adicionar um banner qualquer embaixo do cabeçalho basta que procure pelo código abaixo:

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
</b:section>
</div>

Troque o “no” por “yes” e visualize, se tiver correto salve.

Para que você possa visualizar o espaço que foi aberto no seu blog pra estes banners vá até “Elementos de página”.

Aprenda a personalizar esta DIV em: Inserindo Banners sob o cabeçalho da Ariane.

Continue lendo >>

Retirando “assinar postagens (Atom)” blogger

Retire esse “linkzinho” chato do seu blogger seguindo poucos passos.

Faça login do blogger / Layout / Modelo / Editar Html.

Clique Control+F e procure por: ]]></b:skin> e cole o código abaixo, antes dele .

.feed-links {
height:0px;
visibility:hidden;
display:none
}

Visualize e se tiver tudo certo salve.

Continue lendo >>

Bloqueando cópia de imagem

Para que sua imagem não seja copiada basta que basta que adicione um “bloqueador” e é bem simples veja como adicionar uma imagem bloqueada:

Ainda assim sua imagem poderá ser copiada por print e outros recursos, mais de maneira simples não e muitos não querem ter esforço, justamente por isso foram a busca da sua imagem e com certeza não irão “perder o tempo” editando-a.

Continue lendo >>

Colocando botão imprimir página no blog

Para que o seu leitor possa imprimir uma pagina do seu blog, faça o seguinte, coloque entre <head> e </head> o código abaixo.

<script language="Javascript">
function imprimir() {
if (window.print)
window.print()
else
alert("Para imprimir pressione Crtl+P.");
}
</script>

Se estiver no Blogger ainda podes colocar em um menu, com o código abaixo:

<a href="javascript:imprimir()">Imprimir</a>

Salve e pronto!

Qualquer dúvida ou crítica será bem vinda.

Imagem de: art_es_anna

Continue lendo >>

7 de maio de 2009

Retirando números dos marcadores no menu

Quer se livrar daquele número entre parênteses que aparece do lado dos marcadores no menu?

Vamos lá, entre em editar Html e clique em expandir modelos de widgets e procure por:

<li>
<b:if cond=’data:blog.url == data:label.url’>
<a class=’activelabel’ expr:href=’data:label.url’><data:label.name/> (<data:label.count/>)</a>
<b:else/>
<a expr:href=’data:label.url’><data:label.name/> (<data:label.count/>)</a>
</b:if>
</li>

Exclua o trecho em vermelho, visualize antes de salvar! Se tiver tudo certo salve.

Existem blogs que possuem apenas um desses trechos em vermelho, o exclua.

Continue lendo >>

Correção Favicon

Se você assim como eu estive, está com dificuldade de exibir seu favicon, esfrie a cabeça tenho a solução e melhor é muito simples!

Pegue sua imagem .PNG e converta e hospede com o iconj , logo em seguida copie o "Direct link" e em "editar Html" cole depois do trecho ]]></b:skin>, use ctrl+F para achar rápido.

Simples não?!

Caso goste do post use o link do Pontopro como fonte.

Continue lendo >>

Ganhe visitas com link permanente

Entenda um pouco mais de algo de verdadeira importância pra um blog que poucas pessoas sabem entendem.

Todos sabemos que quando publicamos um artigo ele passa a ganhar um link com o título do post incluso, mais o que muitos não sabem é que depois que esse artigo é publicado e se muda de título, a postagem continuará com o link do título anterior.

Devemos saber também que acentos e “ç” não entram nesse link, que levará ao seu post.

Vamos a um exemplo simples.

Título do post: Peça um cérebro
Endereço do post: http://pontopro.blogspot.com/2001/9/pea-um-crebro.html
Resultado das palavras chaves: pea um crebro

Isso te fará perder visitas, pois, ninguém entrará em algo desse título que até parece de outro idioma.

Resolvendo esse problema:

É simples a resolução desse problema. Basta que ao postar não se use “ç” ou acentos, publique e depois volte até o post e coloque os “ç” ou acentos desejados, já usando a técnica do link permanente(após publicado o post não muda de link, mesmo que mude de título).

Continue lendo >>

6 de maio de 2009

Chat personalizável no seu blog

Você está afim de saber o que os seus leitores acham do seu blog?O que eles estão procurando? O que está faltando? Quer tirar dúvidas online? Coloque um chat no seu blog, e ainda escolha entre chat privado( onde você conversa com seu leitor)ou até mesmo um chat público(onde diversos leitores podem conversar ao mesmo tempo na sala).

Chat totalmente personalizável, você pode escolher a cor,tamanho da fonte, ter ou não vídeo ativado, som entre muitas outras coisas.

Para criar o chat entre no chatango clique em “Create a public group” para criar um chat público ou em “Get a private one on one chat” para criar um chat privado, pegue seu código e apenas cole onde queira na gadget Html/Javascript do seu layout.

Se tiver dúvida é só comentar, espero que curtam o chat.

Continue lendo >>

5 de maio de 2009

Banner link-me é sim importante para um blog

Existem na Internet diversos geradores de banner link-me, porém, um em especial merece destaque, estou falando do gerador do mais blog.

Mas porquê ele merece destaque?

Além das diversas funções as quais todos geradores que observe fazem ele tem um diferencial importante que é o teste antes de nos enviar o código. Com ele podemos visualizar onde e como podemos concertar erros que talvez existam, o que é uma mão na roda, já imaginou, você faz todo o processo e quando coloca o banner vê o erro? Ter que recomeçar é desestimulante não é mesmo?!

Para criar a sua caixinha de link-me é simples basta que tenha a imagem a ser exibida em mãos (a maioria das imagens de link-me são do formato 120x60 pixels) e gerar o seu botão no mais blog.

Clique aqui para ir ao gerador de link-me.

Espero que curtão e se não tiverem façam, pois, é muito importante pra divulgação do site.

Continue lendo >>

27 de abril de 2009

Todo blog tem que ter um local de BUSCA

Realmente é impresindível pra todo blog que se prese ter o seu famoso "Buscar" foi pensando nisso que resolvi mandar esse cógido todo especial pra você que ainda naum tem o seu.

O código é o seguinte:

Para colocar a caixa de busca no seu blog basta ir em Layout/Elementos de página/clicar em Adicionar gadget, escolher "HTML/JavaScript" e colar o código mostrado abaixo.

&ltform id="searchthis" style="DISPLAY: inline" action="http://ENDEREÇO DO SEU BLOG/search" method="get">
&lttable style="WIDTH: 200px; HEIGHT: 100%" cellspacing="0" cellpadding="0">
&lttbody>
&lttr>
&lttd valign="center">
&ltinput id="b-query" name="q">

&lttd class="navbutton" valign="center">
&ltinput id="submit" tabindex="1" type="submit" value="Busca" name="submit">

Importante que se Troque "ENDEREÇO DO SEU BLOG" adequadamente, depois basta posicionar onde queira.

Lá do Templatesparanovoblogger da Ariane

Continue lendo >>

Criando um Favicon (imagem da barra de navegação)

O significado de favicon é uma união de duas outras palavras que traduzidas são; favorito e ícone, esse nome se dá pelo fato que ao procurarmos algo na nossa lista de favoritos, que, muitas vezes não é pequena ele dê mais facilidade pra que se ache o site/blog, além dessa funcionalidade muitas pessoas gostam até porque o favicon ajuda a identificar cada página dentre as diversas abertas.

Criar um favicon é bem simples basta que você crie uma imagem em 16x16 ou 32x32 pixels em formato .PNG. Essa imagem pode ser criada por diversos programas, como Fireworks, Photoshop entre muitos outros e até sites que fazem esse serviço, embora eu não aconselhe, até porque é bem melhor você ver o resultado do seu trabalho.

Depois de criada e salva a imagem o restante é bem simples. Basta converter a imagem pra .ico e hospedar para obter o link direto da imagem.

Para converter a imagem .PNG para .ICO use o favicon.ru .

Clique em procurar para escolher a imagem e logo depois em create favicon .ico!

Clique em download... para finalizar essa parte.

Vamos agora hospedar a imagem com o PicPanda que eu pessoalmente gosto muito pela sua interface super simples.

Pegue a imagem .ico e faça o upload depois pegue o direct link.
Agora pra finalizar vamos colocar o favicon pra funcionar, usando um código com a marca do Compulsivo.

<link href="URL_DA_IMAGEM_FORMATO_ICO.ico" rel="shortcut icon">
<link href="URL_DA_IMAGEM_FORMATO_PNG.png" rel="shortcut icon">

Depois de inserir os links .ICO e .PNG vá no HTML do seu blog e cole o código logo abaixo de ]]></b:skin> .

Visualize o template e se estiver tudo certo salve e pronto veja o resultado de tanto esforço com bastante orgulho.

Se tiver algum problema é só comentar que daremos um jeitinho, caso não tenha comente também. ;)

leia mais em: Favicon:como criar e hospedar imagens .ICO. por: DicasBlogger

Continue lendo >>

21 de abril de 2009

Retirando Navbar, a "barrinha" do blogger

Navbar é aquela barrinha do blogger que se localiza na parte superior do blog e acaba deixando seu blog menos moderno, até pelas cores que são oferecidas.

Se você assim como a maioria dos blogger abominam a navbar e quer removê-la, fique feliz, pois é bem simples.

Basta apenas entrar no seu blogger e em Painel/Layout/editar HTML procure (dê um Ctrl+F e copie a tag lá para achar mais rápido) pela seguinte tag:

]]></b:skin>
</head>

Após achar basta que você copie antes dela essa outra tag para concluir:

#navbar-iframe { height: 0px; visibility: hidden; display: none; }

O resultado será o seguinte:

#navbar-iframe { height: 0px; visibility: hidden; display: none; }
]]> </b:skin>
</head>

Visualize, se tiver ocorrido tudo bem salve e tire ~~esse peso~~ essa "barra" das suas costas.

Muitos outros hacks pra blogger estão por vir!

leia mais em: Retirar navbar Por: DicasBlogger e navbar do blogger por: Blogger´sPhera

Continue lendo >>