PontoPro: Códigos

Estes são os posts do marcador "Códigos"

19 de maio de 2009

Movendo caixa de busca google

Quando adicionamos uma caixa de busca personalizada Google no cabeçalho do blog devemos ter o cuidado de observar se a mesma está em um local apropriado onde não prejudique de forma alguma o design ou desempenho do mesmo, mas se isso acontecer, podemos à mover pra onde queiramos, vamos ver como.

Para mover sua caixa de busca Google vá até “Editar Html” no seu blog e procure pelo trecho abaixo, sempre usando “Control+F” para localizar:

#search {
width: 100%;
float: right;
margin: -2em 0em;
text-align: right;
}

Você Poderá mover sua caixa alterando os valores de margin, no meu caso -2em e 0em ficaram perfeitos, o primeiro valor indica o movimento vertical o segundo o horizontal.

DICA: A cada modificação visualize o resultado até que esteja exatamente onde queira.

Caso queira postar algo parecido com esse artigo no seu blog, coloque os devidos créditos.

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

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

Texto em movimento

Para obter um texto em movimento ou deslizante, basta colocar seu texto entre o código dado abaixo no lugar sugerido.

<marquee behavior="alternate" width="400" height="50"
scrolldelay="2" scrollamount="2" direction="left"
onmouseover="this.stop()" onmouseout="this.start()">COLOQUE SEU TEXTO AQUI</marquee>

Resultado

Sinta-se em casa, esse blog foi feito pra você, comente.

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

6 de maio de 2009

Imagem com link “linkada”

Essa imagem está linkada, veja que ao clicá-la irá exibir o Feed PontoPro. Assine e receba nossos artigos.

Existem muitas formas de linkar uma imagem, a mais simples seria usando o código abaixo.

<a href="endereço do site"><img src="endereço da imagem" /></a>

Outra forma de linkar uma imagem bem simples é clicando na imagem e inserindo uma url (pode ser inserida uma url clicando no botão link do blogger aquele globinho com corrente), no Live Writer é feito da mesma forma.

Continue lendo >>

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

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

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

27 de janeiro de 2009

Anuncie no PontoPro

Enquanto não faço uma caixa de informações pra anunciantes o negocio será fechado por e-mail.
Lembrando que o tamanho do Banner é 125x125 e o mês de exibição custará 6 reais apenas, o mesmo aparecerá na home logo em cima dos posts o que trará muitas visitas pela visibilidade.

E-mail para contato: denisbarbosadasilva@gmail.com < SEU PEDIDO SERÁ ATENDIDO MAIS RÁPIDO SE USAR O Gmail.

Msn: deni_jp_16@hotmail.com

Continue lendo >>