Demo image Demo image Demo image Demo image Demo image Demo image Demo image Demo image

Páginas

Pesquisar

"Menu vertical com imagens fixas na lateral do blog" e Como "Hospedar scripts no Google Sites"

  • Marcadores:
  • fonte e créditos:




    "  Nem sei se já havia dado essa dica, mas aí está. O menu vertical com imagens. Copie e cole no HTML/Javascript em seu blog, faça as modificações e pronto.

    ATENÇÃO O  código na cor vermelha deverá ser trocado pelo número de seu código para a página de favoritos que você deverá fazer em Add This Social Bookmaker Note que o número deverá ser os últimos que constam na barra de endereços."















    ENDEREÇO DO GOOGLE BUZZ" style="position: fixed; left: 2px; top: 80px;" target="_blank">


    ENDEREÇO DO TECHNORATY" style="position: fixed; left: 2px; top: 130px;" target="_blank">


    ENDEREÇO DO BLOGBLOGS" style="position: fixed; left: 2px; top: 180px;" target="_blank">





    ENDEREÇO DO FEED" style="position: fixed; left: 2px; top: 280px;" target="_blank">





    SEUEMAIL@gmail.com" style="position: fixed; left: 2px; top: 380px;" target="_blank">









    fonte e créditos:





























    Nem sei se já havia dado essa dica, mas aí está. O menu vertical com imagens. Copie e cole no HTML/Javascript em seu blog, faça as modificações e pronto.

    ATENÇÃO O  código na cor vermelha deverá ser trocado pelo número de seu código para a página de favoritos que você deverá fazer em Add This Social Bookmaker Note que o número deverá ser os últimos que constam na barra de endereços.














    ENDEREÇO DO GOOGLE BUZZ" style="position: fixed; left: 2px; top: 80px;" target="_blank">
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BeZzg0U3Mgxx1cOmHNMCgKUlud4hQnPjDtq2aur2H7o4PLXk1Or_QK1VWNieMqUdZdGrCJenpbhvKkiG-HGNB2UZeprIoOw2l4Q33hBsipl3olftRLNWr3qKs5lsuZ64Gfmsm-WHejA/s1600/icontexto-webdev-google-buzz.png
    " title="Google Buzz" width="48" />

    ENDEREÇO DO TECHNORATY" style="position: fixed; left: 2px; top: 130px;" target="_blank">
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMaqdcq1eQ-kkliiG8mOIeyYf_pdumIHo_t2Y28LpO2HddXMlf1NoFVGZTM_gFDrfdnJoI3I6eQfE77gcySCtYCQCRGAcwz8ZtBBepVbqyLFSTRkz9GeAYZXdIxnqVdjso8OfWugXdUBo/s1600/icontexto-webdev-social-bookmark-06-048x048.png
    " title="Technoraty" width="48" />

    ENDEREÇO DO BLOGBLOGS" style="position: fixed; left: 2px; top: 180px;" target="_blank">
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxCqq-NhyphenhyphenRHdiGG7WfMBWyq-80XY15LDW6RfqTTyM-rlhW2AAAIs4CzOs-TyWerBlDpZyD1SRjh0ZfSiCvuG-fd7tg_BjehgjWQYBsbKVaGILRZKwuqr9vEPXYiqg1a4Dwp44xNA0u_2I/s1600/icontexto-webdev-social-bookmark-blogblogs.png
    " title="BlogBlogs" width="48" />

    http://twitter.com/aaamorrr" style="position: fixed; left: 2px; top: 230px;" target="_blank">
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2KsgkioBUsZse6C7xwVQBdueHkt95yZODsjCNRmSTjZ_tLvdcVinOHh_ZfAEJUHdpdFXxooo7vpLuvJgQoKr5UUWOXFhhX7ZAB9rw_f9Yoy8chsVmpo8xeMzqDUKhco_ys-aiHRlS6Ug/s1600/icontexto-twitter-54x54.png" title="Siga-me" width="48" />

    ENDEREÇO DO FEED" style="position: fixed; left: 2px; top: 280px;" target="_blank">
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSfI6mcM4lkQnjehK7VE_y1J-91-iX68P0lF4CvVb7Qu09Dw4llg1NVmfSGJaLCOY06BQWmz0g7MLZl1ONWX4FWrNK-ICzT_ohKo1CN7HLO1nIuEknLsRnyDzYfr1j2z4iEif37ynTRwY/s1600/icontexto-webdev-rss-feed-048x048.png
    " title="Feed" width="48" />


    http://www.addthis.com/bookmark.php?v=250&username=xa-4be07cd1551d2068" style="position: fixed; left: 2px; top: 330px;" target="_blank">
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnq3zs0XS9PWLpCcnDWOObovF7Wo24bT-_2bgvZZULHWS7AuPoKOt1PjX36Rn1sTVTZAUCfC75w0RsgSpkdzAfN8BJ-tPVsxtS0bAIz3o0Lm2jJE3922O95405LgA-LVC7TgfgZiyvYzU/s1600/icontexto-webdev-favorites-048x048.png" />


    SEUEMAIL@gmail.com" style="position: fixed; left: 2px; top: 380px;" target="_blank">
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrzwtvSAgSp6W57u1IDv6mDb-PlNkHLOacIegLeVLB0t60Iz4ogShqwavU7peX212U5cD7y5KTGWtVkQWY9vAVeqM2Tx8N3qUxOQlssmo4UWSnEoPwScnoGI8IGhpj_D237aaiWyNf3Kw/s1600/icontexto-webdev-contact-048x048.png" title="Email" width="48" />


    Posted: 28 Jul 2010 04:48 PM PDT


    Para quem precisa colocar scripts no blog o mais fácil é hospeda-los no Google Sites. Sei que existem sites que fazem isso como o DropBox e o e outros tantos mas sabem, eles sempre nos deixam na mão. Pode até ser que o Google faça a mesma coisa, vai saber...

    Você deverá primeiro salvar o script. Para fazer isso clique sobre o link do sript que deverá estar como no modelo abaixo.


    jquery-1.3.2.js


    Preste atenção onde você está salvando o script, em instantes você precisará dele.



    Bom, agora vamos passar a segunda etapa, a parte em que você irá subir o script e hospeda-lo na net. A primeira coisa a fazer é entrar em sua conta do Google. Faça o login e vá até a página onde  tem sua conta.




    Clique em "Sites"
    Deixe selecionado a opção "Modelo em branco" 
    Dê um nome para sua página, repita o código e depois clique em "Criar site"
    Clique no botão em cima a esquerda para criar a página

    Agora clique em "Arquivos", escreva novamente o nome e clique em "Criar página"



    Agora você irá subir o código que salvou em seu computador. Clique em "Adicionar arquivo"



    Ao abrir essa janela clique em "Selecionar arquivo"



    Abrirá uma janela do browser de seu computador, procure aí o script e depois clique sobre ele.





    Veja que o nome do script aparecerá ao lado do botão "Escolher arquivo" Clique então em "Fazer upload"




    Agora aguarde alguns instantes...

    Note que apareceu o script na página. Você deverá então copir o endereço, para isso, clique sobre a palavra "Download" com o botão direito do mouse. Abrirá uma janela, clique então em "Copiar endereço do link"



    O código fornecido será mais ou menos assim:


    http://sites.google.com/site/tampa233/lavatrat233-1/jquery-1.3.2.js?attredirects=0&d=1


    Copie o que estiver antes do ponto de interrogação, 
    Agora você poderá instalar o código JQuery ou Javacript sem problemas, mas coloque entre o seguinte código:




    Deixe seu comentário:


    0 comentários:

    Postar um comentário

    Mensagem do formulário de comentário: