Segunda-feira, 29 de Janeiro de 2007

Como personalizei o meu blog (1)

 

Como resposta a um comentário do Francisco, e porque pode haver mais alguém curioso sobre isto, aqui ficam os códigos que usei para criar componentes para o blog, e a forma de os inserir nos blogs do SAPO.

 

Há muitos sites com códigos que se podem copiar e usar nos blogs ou sites.

Por exemplo estes:

http://www.codigofonte.net/

http://www.dicablog.hpg.ig.com.br/

 

Alguns destes códigos usam Javascript, que é uma linguagem que permite criar conteúdos, usando operações de lógica, visualmente mais atractivos, ou com interacção do utilizador, nas páginas web.
Com Java script, pode-se por exemplo, criar scripts para actualizar automáticamente a data, mostrar um texto animado ou não, no titulo da página, ou no rodapé, criar menus deslizantes, ou animados, bloquear o menu de contexto (botão direito do rato), nas páginas, e muitas outras coisas que o HTML por si só não permite.
Claro que a eficácia, por exemplo, dos códigos para bloquear do menu do botão direito do rato, para impedir a cópia, é pouca, visto que basta desactivar o uso de scripts no browser, para que todos os que estiverem na página, sejam ignorados.

 

Quem quiser ver todo o código HTML do blog, pode clicar com o botão direito do rato no blog, e selecionar "ver código-fonte", ou na barra de ferramentas, clicar em Editar, Editar (Internet Explorer).
Para o adaptarem, basta substituir o nome deste blog, pelo do vosso.
Alguns serviços, como os contadores, requerem a subscrição ao serviço ou site que o fornece.

 

Se quiserem que apareça alguma coisa em substituição do script, nos browsers que não os suportem, ou que naveguem com o uso de scripts desactivado, podem usar o comando <noscript>, que faz o seguinte:
Os browsers que mostrem o script, vão ignorar o que estiver no comando noscript, e os que não mostrarem o script, vão mostrar o que estiver entre os comandos <noscript> e </noscript>, que pode ser texto, links ou qualquer outra coisa que o HTML permita.

 

Apenas vou referir as partes que acrescentei, no blog, em relação ao template original do SAPO.

 

Tudo isto é feito na página de personalização na Área de gestão do blog, depois, "Personalização", "Intermédia".
Podem pôr-se vários componentes dentro da mesma caixa, bastando activar a posição desse componente.

 


 


Barras de rolamento com cores alteradas:
No separador "Componente", escrever o código numa das caixas de componentes, guardar as alterações, e activar a posição correspondente, no separador "posições".


<STYLE>
html {scrollbar-Face-color: #406d1f;
 scrollbar-highlight-color: #000000;
 scrollbar-shadow-color: #000000;
 scrollbar-3dlight-color: #406d1f;
 scrollbar-arrow-color: #000000;
 scrollbar-track-color: #90b353;
 scrollbar-darkshadow-color: #000000;}
</STYLE>

 


 


imagem de topo com imagem de dragão:
"Imagem",
"Imagem de cabeçalho",
Inserir o endereço (url) da imagem que se quer usar, sem escrever o protocolo http:// (é inserido automáticamente).

Embora a imagem pareça a original do template do blog, o que fiz foi copiá-la, e editá-la, para inserir nela a imagem com o dragão, e depois usar a imagem como imagem de cabeçalho no blog.

 


 


e-mail ao autor:
"Texto",
"Onde diz mais sobre mim deverá dizer",
aqui escrevi o código HTML, que acrescenta um link para enviar um e-mail, directamente do programa cliente de correio electrónico usado no PC do utilizador.
No meu caso foi:


<a href="<a href="mailto:sergio_catarino@sapo.pt">e-mail ao autor></a>

 


 


pesquisa no blog:
No separador "Componente", escrever o código numa das caixas de componentes, guardar as alterações, e activar a posição correspondente, no separador "posições".

 

<FORM method=GET action="<a href="http://www.google.com/search">http://www.google.com/search">
<INPUT TYPE=hidden name=q value="site:doiscliques.blogs.sapo.pt">
</FORM>
<p>
<FORM method=GET action="
<a href="http://www.google.com/search">http://www.google.com/search">
<INPUT TYPE=hidden name=q value="site:doiscliques.blogs.sapo.pt">
<INPUT TYPE=text name=q size=18 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="OK">
</FORM>

 


 

 Frase do citador:
No separador "Componente", escrever o código numa das caixas de componentes, guardar as alterações, e activar a posição correspondente, no separador "posições".

 

<SCRIPT language=javascript src=http://www.citador.pt/outs/citdia.txt></SCRIPT>

 


 


menus com links:
No separador "Componente", escrever o código numa das caixas de componentes, guardar as alterações, e activar a posição correspondente, no separador "posições".

 

<html><head><title>links</title>
<script type="text/javascript">
function goToPage(dd) {
var ind = dd.selectedIndex;
if (ind == 0) { return; }
var url = dd.options[ind].value
document.location=url;
}
</script>
</head>
<body>
<form>
<select name="links" onChange="goToPage(this); return false;">

<option value="<a href="http://doiscliques.blogs.sapo.pt/2007/01%22%3E2007">http://doiscliques.blogs.sapo.pt/2007/01">2007 -  Janeiro ()</option>

</select>
</form>
</body>
</html>

 


 


links simples em HTML:
No separador "Componente", escrever o código numa das caixas de componentes, guardar as alterações, e activar a posição correspondente, no separador "posições".

 

<a href="<a href="http://cinecartaz.publico.clix.pt/">http://cinecartaz.publico.clix.pt" target="_blank">Estreias de cinema</a>

<a href="<a href="http://www.meteo.pt/pt/previsao/previsaoGeral.jsp">http://www.meteo.pt/pt/previsao/previsaoGeral.jsp" target="_blank">Previsão do tempo</a>

 


 


Banner "com sua licença":
(este codigo é fornecido pelo site, a quem estiver registado nele)
No separador "Componente", escrever o código numa das caixas de componentes, guardar as alterações, e activar a posição correspondente, no separador "posições".

 

<a target="_blank" href='http://comsualicenca.com/registrar.asp?ref=sergio_catarino@sapo.pt'><img src='http://comsualicenca.com/newsite/imatges/banner5new.gif' border='0'></a>

 


 


Banner para o meu outro site "Dois Cliques - site":
No separador "Componente", escrever o código numa das caixas de componentes, guardar as alterações, e activar a posição correspondente, no separador "posições".

 

<a target="_blank" href="<a href="http://doiscliques.com.sapo.pt%22%3e%3cimg/">http://doiscliques.com.sapo.pt"><img
src="<a href="http://doiscliques.com.sapo.pt/imagens/button_site.png">http://doiscliques.com.sapo.pt/imagens/button_site.png"
border="0" alt="Dois Cliques - Site: Dicas para Windows"></a>

 


 


"Banner Game Giveaway":
No separador "Componente", escrever o código numa das caixas de componentes, guardar as alterações, e activar a posição correspondente, no separador "posições".

 

<a href="<a href="http://game.giveawayoftheday.com%22%3e%3cimg/">http://game.giveawayoftheday.com"><img src="<a href="http://game.giveawayoftheday.com/ticker/ticker2.png">http://game.giveawayoftheday.com/ticker/ticker2.png" alt="Game Giveaway of the Day" style="border: none" /></a>

 


 

 

Amanhã publico a segunda parte.

 

Publicado no Blog Frases Para Rir - Por Sergio Alex às 10:10
link do post | comentar
| | partilhar
4 comentários:
De talesforlove a 24 de Abril de 2009 às 23:56
Mesmo muito útil :) adiciona o meu blog aos teus links: http://talesforlove.blogs.sapo.pt Abraço Rui
De Sergio Alex a 28 de Agosto de 2009 às 20:34
O blog de contos está interessante, só não gostei das janelas pop-up mas tudo bem, lol. Abraço.
De tia a 28 de Agosto de 2009 às 19:56
Sou fã do seu trabalho, o senhor é um profissional!
Gostei tanto, que decidi fazer um blog, só que não sabia como o fazer por isso decidi pesquisar na net e fazer com ajuda! Gostava que o senhor fosse ao meu blog: http://espacodatia.blogspot.com/ não é nada de especial mas gostava da sua opinião deixe um comentário pf ;)
Cumprimentos, obrigada
De Sergio Alex a 28 de Agosto de 2009 às 20:35
Já vi o blog da tia e parece-me muito bom e engraçado. Continuação da boa disposição. Felicidades para o blog!

Comentar post

Web Analytics

Últimos posts

Como Apagar o Blog Primár...

Frases Engraçadas para Ho...

Coisas Engraçadas para Ri...

Palavras Engraçadas para ...

25 Frases Para Rir Que Nã...

Só Frases Para Rir

25 Frases de Amor e Outra...

25 Frases Diversas para R...

25 Frases para Rir de Fia...

25 Frases Boas para Rir

Frases de Rir até Dizer C...

Melhores Frases Para Rir ...

25 Frases Para Rir Bem

Diferenças Entre Homens e...

25 Frases Originais de Ho...

Lista de Frases Para Rir

25 Novas Frases Para Rir

25 Frases Para Rir Nunca ...

25 Frases Mais que Divert...

25 Frases e Pensamentos E...

Comentários

O conceito do zero não existia no Império Romano, ...
Procuro meu irmão Raimundo Nonato filho de Cícero ...
Eu e a minha familia a rir sem ...
Muito muito chato não e de crianças assistir
Muito engraçado kkkkk
estou procurando valdir vieira desde 2002 ele é...
Muito bom.Estão de parabéns.FernandoBrasil
gostava de desbloquear nokia lumia 520 esta bloque...
Eu gostei tanto de porque nos tomamos banho ?nunca...
links

Privacidade

Clicky Analytics

arquivos

Julho 2017

Setembro 2014

Agosto 2014

Julho 2014

Fevereiro 2012

Janeiro 2012

Dezembro 2011

Agosto 2011

Abril 2011

Fevereiro 2011

Dezembro 2010

Outubro 2010

Setembro 2010

Agosto 2010

Julho 2010

Junho 2010

Maio 2010

Abril 2010

Março 2010

Fevereiro 2010

Janeiro 2010

Dezembro 2009

Novembro 2009

Outubro 2009

Setembro 2009

Agosto 2009

Julho 2009

Junho 2009

Maio 2009

Abril 2009

Março 2009

Fevereiro 2009

Janeiro 2009

Dezembro 2008

Novembro 2008

Outubro 2008

Setembro 2008

Agosto 2008

Julho 2008

Junho 2008

Maio 2008

Abril 2008

Março 2008

Fevereiro 2008

Janeiro 2008

Dezembro 2007

Novembro 2007

Outubro 2007

Setembro 2007

Agosto 2007

Julho 2007

Junho 2007

Maio 2007

Abril 2007

Março 2007

Fevereiro 2007

Janeiro 2007

Dezembro 2006

Novembro 2006

Outubro 2006

Setembro 2006

Agosto 2006

Julho 2006

tags

todas as tags

mais comentados

subscrever feeds

pesquisar