Definir blog como Página Inicial (Mozilla e IE)

Por:

| 2 de mai de 2011


Hoje ensinarei como colocar um link ou botão para que seus leitores possam tornar seu blog como Página Inicial do navegador. Este script funciona tanto no Internet Explorer quanto no Mozilla Firefox, porém de formas diferentes...
No explorer ao clicar no botão (link) 'Adicionar como Página Inicial', ele irá adicionar automaticamente.
Já no Mozilla, por padrão, esta opção de adicionar como página inicial vem desabilitada (motivo de segurança), ai quando alguem clicar no link ou botão para 'adicionar como pagina inicial', verá uma mensagem que ensinará manualmente, como definir o seu blog a página inicial do navegador.

Veja um exemplo:

Clique aqui para definir este blog como página inicial

Tutorial
Vá em DESIGN / ELEMENTOS DE PÁGINA e clique em 'Adicionar um gadget'.
Escolha o gadget 'HTML/ JavaScript' e cole o seguinte código:

<script language="javascript">
function setHomepage()
{
if (document.all)
{
document.body.style.behavior='url(#default#homepage)';
document.body.setHomePage('http://url do seu blog');

}
else if (window.sidebar)
{
if(window.netscape)
{
try
{
netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesRead UniversalFileRead");
}
catch(e)
{
alert("O Firefox vem com está opção bloqueada, vá na opção FERRAMENTAS / OPÇÔES / GERAL e cole a URL deste site em 'Página inicial'. Em seguida clique em 'OK'");
}
}
var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components. interfaces.nsIPrefBranch);
prefs.setCharPref('browser.startup.homepage','http://url do seu blog');
}
}
</script>

<a href="javascript:setHomepage()">Definir como página inicial</a>

 Altere os campos destacados em vermelho por suas preferências.
Em 'http://url do seu blog' você coloca o link do seu blog.
Você pode alterar também a mensagem: Definir como página inicial por uma de sua preferência.
Ou ainda pode colocar no lugar da mensagem uma imagem.

Para isso coloque o seguinte código no lugar da mensagem:

<img src="http://url da imagem" alt="Definir como página inicial" title="Definir como página incial">


Devendo ficar assim a ultima linha do código mostrado acima:

<a href="javascript:setHomepage()"><img src="http://url da imagem" alt="Definir como página inicial" title="Definir como página incial"></a>

Caso queira usar um botão padrão ao invés da imagem ou link, substitua o trecho:

<a href="javascript:setHomepage()">Definir como página inicial</a>

Por:

<input type="button" name="botao" value="Definir como página inicial" onclick="javascript:setHomepage()" />

Altere a mensagem 'Definir como página inicial' por uma de sua preferência.

Pronto!

Referência: fóruns sobre html e javascript da web
Blogando Fácil
Gerador de Senha - Crie senhas mais seguras
- Topo