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

Páginas

Pesquisar

Mostrando postagens com marcador dicas. Mostrar todas as postagens
Mostrando postagens com marcador dicas. Mostrar todas as postagens

Saiba Como..."Adicionar outros links em páginas estáticas Gadget"

  • Marcadores:
  • "   Vimos que há algum tempo podemos acrescentar páginas estáticas facilmente ao nosso blog.
    O problema é que uma vez adicionados, os links em um menu exibido no blog, mas apenas os links que criamos páginas estáticas."

    "  Várias pessoas têm me perguntado como nesse mesmo menu para adicionar links para outras páginas que não são estáticos , por exemplo, uma página de etiquetas , ou mesmo uma entrada específica para um site externo ."


    Vamos ver como fazê-lo , mas antes de começar
    nós adicionamos as páginas estáticas.


    [1] Após o nosso painel do Blogger , vá para Design - HTML edição.
    [2] Marcamos "  caixaExpandir modelos de widgets".
    [3] Como nós adicionamos as páginas estáticas , localize o modelo que mostra o gadget e ele será algo como isto:

    id = ' PageList1 ' locked='false' <b:widget title='Pages' type='PageList'>
    id = 'main' < b>: includable
    dados cond = ': title> < 'b : if <h2> <data:title/> </ h2> </ b : if>
    class='widget-content'> <div
    <ul>
    valores = ' data: var='link'> links ' <b:loop
    <b:if cond='data:link.isCurrentPage'>
    <li class='selected'> <a expr:href='data:link.href'> <data:link.title/> </ a> </ li>
    <b:else/>
    <li> <a expr:href='data:link.href'> <data:link.title/> </ a> </ li>
    </ B : if>
    </ B :> loop
    </ Ul>
    name = ' QuickEdit '< / b>: includable
    </ Div>
    </ B> : includable
    </ B> : widget

    [4] Uma vez localizado, precisamos adicionar os links logo após
    </ B :> loop como se vê neste exemplo:

    id = ' PageList1 ' locked='false' <b:widget title='Pages' type='PageList'>
    id = 'main' < b>: includable
    dados cond = ': title> < 'b : if <h2> <data:title/> </ h2> </ b : if>
    class='widget-content'> <div
    <ul>
    valores = ' data: var='link'> links ' <b:loop
    <b:if cond='data:link.isCurrentPage'>
    <li class='selected'> <a expr:href='data:link.href'> <data:link.title/> </ a> </ li>
    <b:else/>
    <li> <a expr:href='data:link.href'> <data:link.title/> </ a> </ li>
    </ B : if>
    </ B :> loop

    Recém Adicionados os links aqui
    </ Ul>
    name = ' QuickEdit '< / b>: includable
    </ Div>
    </ B> : includable
    </ B> : widget

    [5] As novas ligações são colocadas desta forma, um outro abaixo :

    <li> <a href="  DIRECCION_DEL_ENLACE"   > TEXTO_DEL_ENLACE </ a> </ li>

    [6] Usamos
    Visualização"   

     E nós vamos ver algo como isso, os novos links abaixo as páginas estáticas , na ordem em que temos vindo a colocação :



    [7] Se tudo estiver correto , salve as alterações .

    Nota:

    Se necessário, você pode ver como adicionar links em um menu para páginas diferentes , bilhetes, arquivo , etc .

    fonte e créditos:



    Deixe seu comentário:


    Leia Mais ►

    "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"&gt;


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


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





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





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









    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"&gt;
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0BeZzg0U3Mgxx1cOmHNMCgKUlud4hQnPjDtq2aur2H7o4PLXk1Or_QK1VWNieMqUdZdGrCJenpbhvKkiG-HGNB2UZeprIoOw2l4Q33hBsipl3olftRLNWr3qKs5lsuZ64Gfmsm-WHejA/s1600/icontexto-webdev-google-buzz.png
    " title="Google Buzz" width="48" /&gt;

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

    ENDEREÇO DO BLOGBLOGS" style="position: fixed; left: 2px; top: 180px;" target="_blank"&gt;
    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" /&gt;

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

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


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


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


    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&amp;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:


    Leia Mais ►

    agregador edihitt

    ..
    .fonte:  feeds.feedburner.com/AgregadorEdihitt

    Deixe seu comentário:
    Leia Mais ►