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

Páginas

Pesquisar

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 ►

    Seja nosso parceiro!

  • Marcadores:
  • Parcerias: 
    banner 
    120x60

     
    clicar
    selecionar
    copiar
    colar
    o texto da cx e
    divulgar
    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;
    http://1.bp.blogspot.com/_BaCxSD9NFn8/S9eJMKJmi6I/AAAAAAAABYo/pcJ_tNYngiM/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;
    http://3.bp.blogspot.com/_BaCxSD9NFn8/S9eHdJ_K2AI/AAAAAAAABYQ/njOahHFl0qE/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;
    http://4.bp.blogspot.com/_BaCxSD9NFn8/S9eJNbECgOI/AAAAAAAABYs/I49Kpks7Kt8/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;
    http://1.bp.blogspot.com/_BaCxSD9NFn8/S9eMs7Q8f4I/AAAAAAAABY0/ytSdlxuvIZA/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;
    http://3.bp.blogspot.com/_BaCxSD9NFn8/S9eD6Q_vCOI/AAAAAAAABYI/qYlD7PtUCYk/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;
    http://2.bp.blogspot.com/_BaCxSD9NFn8/S9eIjvJDe2I/AAAAAAAABYY/ve7nn8q5EB8/s1600/icontexto-webdev-favorites-048x048.png" /&gt;


    SEUEMAIL@gmail.com" style="position: fixed; left: 2px; top: 380px;" target="_blank"&gt;
    http://1.bp.blogspot.com/_BaCxSD9NFn8/S9eE5Ptw--I/AAAAAAAABYM/XAJRWNdYkG8/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 ►

    Follow by Email