PontoPro: Hacks

Estes são os posts do marcador "Hacks"

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

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.

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

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

27 de abril de 2009

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

13 de maio de 2009

Centralize seu banner/propaganda

Retirando “assinar postagens (Atom)” blogger

Colocando botão imprimir página no blog

Imagem de: art_es_anna

7 de maio de 2009

Retirando números dos marcadores no menu

Correção Favicon

27 de abril de 2009

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

21 de abril de 2009

Retirando Navbar, a "barrinha" do blogger