As páginas estáticas Gadget do Blogger

"Embora como adicionar outros links no gadget de páginas estáticas é algo Blogger Showcase Rosa  explicou muito bem recentemente, a questão parece ser uma questão de consulta ..."
 

"Como as opções mostradas são poucas, nenhuma escolha mas para editar o código se você quiser mudar alguma coisa:"

É difícil porque o código é bastante curta e simplesmente expandir o widget PageList1para ver. Lá, você deve entender que a lista de links está em um LOOP isso, devemos simplesmente juntar os nossos próprios links antes ou depois da adição do Blogger, ou seja, logo após <ul>, pouco antes </ ul> ou ambas as extremidades:

id = locked='false' <b:widget 'PageList1' title='Páginas' type='PageList'>
id = 'main' <> b: includable
  cond = 'data: title "> <b: if <h2> <data:title/> </ h2> </ b: if>
  class='widget-content'> <div
    <ul>
      <-! ... Aqui nós colocamos as nossas ligações ... ->
      <li> href='mi_URL_1'> meu título 1 </ a> </ li>
      <li> href='mi_URL_2'> meu título 2 </ a> </ li>      valores = 'data: links' var='link'> <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>
      <-! ... ou colocá-los aqui ... ->
      <li> href='mi_URL_3'> meu título 3 </ a> </ li>
      <li> href='mi_URL_4'> meu título 4 </ a> </ li>    </ Ul>
    name = 'QuickEdit' /> <b: includable
  </ Div>
</ B: includable>
</ B: widget>

" O que é usado se ele é realmente apenas uma lista de links que poderíamos acrescentar qualquer outro gadget ou à mão? 
Como o design de novos modelos tem e porque ele detecta que um fato que não pode acessar normalmente: estamos em uma determinada página?
Isso é o que faz:"

<b:if cond='data:link.isCurrentPage'>
  <-! ... se estamos na página ... ->
<b:else/>
  <-! ... se não estamos na página ... ->
</ B: if>

" Em ambos os casos existe apenas uma ligação é adicionado à classe selecionada ea outra não. De alguma forma, tentar trabalhar como muitos menus assim ou guias de outros sistemas, mas não é visto frequentemente para mudar a estética do guia, mas que a guia não é mais um link, porque se nós estamos lá, não precisa ser assim.
Nada impede que dentro do gadget, usamos essa facilidade para que pudéssemos substituir cada e os nossos próprios links:"

<li> href='mi_URL'> meu título </ a> </ li>

para algo como isto:

<b:if cond='data:link.isCurrentPage'>
  <li class='selected'> <a href='URL_mienlace_1'> Título 1 </ a> </ li>
<b:else/>
  <li> href='URL_mienlace_1'> Título 1 </ a> </ li>
</ B: if>

ou remover o link se você gostaria de não ter um quando estamos nessa página:

<b:if cond='data:link.isCurrentPage'>
  <li class='selected'> <a href='URL_mienlace_1'> Título 1 </ a> </ li>
<b:else/>
  <span> <li> Título 1 </ span> </ li>
</ B: if>

Também não é necessário que incluem o LOOP com páginas estáticas, o widget que pode usá-lo para qualquer outro link, internos ou externos para que eu pudesse apagar tudo e colocar uma lista pessoal ou menu, aproveitando-se dos seguintes recursos:

id = locked='false' <b:widget 'PageList1' title='Páginas' type='PageList'>
id = 'main' <> b: includable
  class='widget-content'> <div
    <ul>
      <b:if cond='data:link.isCurrentPage'>
        <li class='selected'> <a href='URL_mienlace_1'> Título 1 </ a> </ li>
      <b:else/>
        <span> <li> Título 1 </ span> </ li>
      </ B: if>
      <b:if cond='data:link.isCurrentPage'>
        <li class='selected'> <a href='URL_mienlace_2'> Título 2 </ a> </ li>
      <b:else/>
        <span> <li> Título 2 </ span> </ li>
      </ B: if>
      <b:if cond='data:link.isCurrentPage'>
        <li class='selected'> <a href='URL_mienlace_3'> Título 3 </ a> </ li>
      <b:else/>
        <span> <li> Título 3 </ span> </ li>
      </ B: if>
      <-! ... e continuar a adicionar links ... ->      
    </ Ul>
    name = 'QuickEdit' /> <b: includable
  </ Div>
</ B: includable>
</ B: widget>

definições CSS pode variar de acordo com os modelos, o Blogger automaticamente acrescenta mais dois:

. PageList li uma (
  font-weight: normal;
)
. PageList li.selected um (
  font-weight: bold;
  text-decoration: none;
)

Assim, podemos substituir as nossas próprias regras:

. PageList li um (....... )
. PageList li a: hover (....... )
. Span PageList li.selected (....... )