Post sobre |Dicas blog, Pc windows

Adicionar Favoritos no Mozilla, Internet Explorer e OPera

Adicionar aos Favoritos. O código de script abaixo permite ao usuário adicionar o blog ou site aos seus favoritos no Mozilla, Internet Explorer e Opera, ele pode ir entre as <BODY></BODY>, o seu funcionamento eu não vou explicar, mas funciona no Mozilla Firefox, Internet Explorer e Opera.



Só há duas pequenas mudanças a fazer,(a não ser que existe uma div chamada sidebar no seu html) onde está http://www.emfaseteste.blogspot.com colocá-se o endereço do blog ou página a ser adicionada e logo abaixo em var title = "emfaseteste.blogspot- ..." a frase que o usuário verá quando o objeto abrir(pequena janela pedindo a confirmação e o local onde deve ser adicionado)
Existe uma div chamada sidebar? Resolva isso aqui no final do post
<script language="JavaScript">
function addFav(){
var url = "http://www.emfaseteste.blogspot.com";
var title = "emfaseteste.blogspot - Não tenho certeza, mas é web e informatica";
if (window.sidebar) window.sidebar.addPanel(title, url,"");

else if(window.opera && window.print){
var mbm = document.createElement('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();
}



else if(document.all){window.external.AddFavorite(url, title);}
}
</script>

Bom, agora o link, que pode ser simples


<a href="javascript:addFav()" title="Adicionar aos Favoritos">Add aosFavoritos</a>



Pode ser um lik com imagem, não esqueça do ALT na imagem


<a href="javascript:addFav()" title="Adicionar aos Favoritos"><IMG alt="Adicionar aos Favoritos"
src="//www.siteOUpastaQUEhospedaIMAGEM/imagem-de-preferencia.gif"/></a>


Ou seja:

Adicionar aos Favoritos no Mozilla, Internet Explorer e OPera


<a href="javascript:addFav()" title="Adicionar aos Favoritos"><IMG alt="Adicionar aos Favoritos" src="//img79.imageshack.us/img79/969/favoritosemfasetestebloen8.gif"/></a>






Pode ser dinâmico com DHTML e esse JavaScript que deve ir entre as <HEAD><HEAD>(no blogspot basta adicionar elemento, HTML/java. NO LAYOUTDesign) e que faz mais interessante o link ao passar o mouse sobre ele.
Apenas esse exemplo não funciona com XHTML 1.0, portanto esse efeito passar o mouse por cima do link e aparecer um texto está ultrapassado.



<script language="JavaScript" type="text/javascript">
<!--
function Convence(){
if(divConvence.style.display=="none"){divConvence.style.display=""}else{divConvence.style.display="none"}
}
-->
</script>




<a href="javascript:addFav()" onmouseover="Convence();" onmouseout="Convence();" title="Add aos Favorito">Add aos Favorito</a>
<div id="divConvence" style="font-size: 12px; color: green; display: none;"><font face="Verdana" size="2">Add aos seus favorito, pode ser util - Veja os outros post, tem coisas interessantes</font></div>




Add aos Favorito




Add aos seus favorito, pode ser util - Veja os outros post, tem coisas interessantes



mudar os nomes da div sidebar para adicionar aos Favoritos no Internet Explorer

Faça um backup de seu código antes.
Sem mudar nada no script, é necessário mudar os nomes da div sidebar e onde se referir a ela no html, mas copie o seu código antes e salve-o(backup).
Resolvi então mudar as divs sidebar para sideba1, dentro do html, e todos os nomes sidebar que encontrei(menos no script, ou não funcio com Mozilla), foram mais de 14. Para acelerar o processo usei os menus do navegador, editar, localizar nesta página(Ctrl+F). Testado e funcionando no Mozilla e no Internet Explorer 7. Ainda não testei em outras navegadores e versões.






O java script para adicionar aos favoritos e link eu peguei aqui código fonte, e depois não me aguentei e me passei com imagem e imaginação.
Outro probleminha, o Java Script não estava funcionado nesse blog com o Internet Explorer, eu entendo pouquíssimo de script mas acabei resolvendo, o fato é que no blog existe uma div chamada sidebar, bom acabei mudando(no script) o nome sidebar para sidebar131 e funcionou no Internet Explorer mas não no Mozilla Firefox, foi aí que mudei ao script a linha:word-wrap:if (window.sidebar) window.sidebar.addPanel(title, url,"");
para :word-wrap:if (window.sidebar131) window.sidebar131.addPanel(title, url,""); e modifiquei essa pate:word-wrap:mbm.setAttribute('rel','sidebar');
para word-wrap:mbm.setAttribute('rel','sidebar','sidebar131'); funcionou em um arquivo html com o estilo usado no meu blog, e para os dois navegadores, porém no blogspot não teve como.

7 comentários:

Adicionar Favoritos no Mozilla, Internet Explorer e OPera2008-05-23T23:58:00-03:00
  1. Cara você mudou todos os nomes sidebar para sideba1 e deu certo no FireFox e no IE?
    No IE estou com um problema e não funciona.
    Me dê uma ajuda.
    saudades-antigas.blogspot.com

    Responder
  2. Cara!Show, show e show!Desta sua forma deu certo aqui pra mim, e olha que ralei pacas viu!
    Um grande abraço!
    Ha se quiser fazer parceria com meu blog será um prazer!
    Até mais!
    Vanderlan Ramos
    saudades-antigas.blogspot.com

    Responder
  3. Anônimo27/4/10

    O problema é a opção "sidebar".
    Muito chato clicar para abrir a página e ela abrir numa barra lateral.
    Tem jeito de mudar isso?

    Responder
  4. Anônimo

    O problema é a página de blog ou site em Html conter a Id com o nome sidebar, talvez até as class com nome sidebar, isso não deixa o script funcionar no mozilla firefox.

    O jeito que encontrei é mudar todos os nomes sidebar para sidebar1 no Html e logicamente Css também, deixa apenas o script com o nome sidebar em seu código.

    De qualquer forma parei de usar esse script no blog por achar que não valia o seu peso devido a já existir essa opção navegador, e talvez poucos clicavam nele, não sei certo.

    Responder
  5. Hoje penso que botão de favoritos é desnecessário, pois todos os navegadores tem seu botão para adicionar aos favoritos e, se uma pessoa é incapaz de usar ele provavelmente também o será se o botão estiver dentro do site, sendo assim, porque tornar a navegação de centenas de pessoas mais demorada para favorecer alguns poucos, deve-se levar em conta que uma página mais pesada significa descontentamento maior das pessoas e isso influencia até na posição do site nos resultados de busca da web.

    Não funciona no chrome e isso é mais um ponto contra, já que esse é um dos 3 mais utilizados hoje.

    Talvez vai mais em conta usar esse peso em bytes para algum tipo de link personalizado e chamativo para uma página de feed/rss personalizada tipo o FeedBurner com várias opções para o visitante inscrever-se

    Responder
  6. Este comentário foi removido por um administrador do blog.

    Responder
  7. Hope

    No momento tenho 99% de certeza que é impossível 'criar um espaço onde fizesse propaganda automática dos próximos 3 posts programados para serem postados', até porque esses posts estão protegidos por login e daria muito trabalho ao blogger criar algo que faria isso, provavelmente eles irão priorizar coisas que a maioria querem.

    Exclui seu comentário por conter emeil.

    Responder

→Dê sua opinião. Faça comentário relacionado ao post.
Comentário com e-mail será excluído
Antes de perguntar leia o texto até comentários e pesquise, a resposta virá no comentário, para ser avisado use uma conta e o link: Subscribe by email(abaixo)
Será excluído comentário não relacionado ou com Url de blog/site(Divulgar? Clique)

Comentário reflete a opinião do comentarista. Desde já, Obrigado!