lunes, 24 de marzo de 2014

Como Abrir Enlaces de Page List En Una Nueva Ventana

By andante77 6:23 a.m. , , , , Leave a Comment


En el tutorial de ciudad blogger explicare como abrir cada enlace de tu Widget de PageList en una nueva ventana.

Solo sigue estos sencillos pasos:
1. Entra en tu cuenta de Blogger y ve a "Plantilla"--> "Editar HTML" de tu blog.
2. Ahora encuentra el codigo de PageList widget . (Nota importante : Tambien puedes encontrarlo buscando <b:widget id='PageList)
Tu codigo de widget PageList  sera similar al codigo de abajo. Pero el id widget  (PageList1) podria ser diferente :


<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
  <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <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>
    </b:if>
    <b:include name='quickedit'/>
  </div>
  </b:includable>
</b:widget>

3. Luego coloca el siguiente codigo azul blue ( target='_blank' ) como el ejemplo de abajo en el codigo de Link list .


b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
  <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <b:if cond='data:mobile'>
      <select expr:id='data:widget.instanceId + &quot;_select&quot;'>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <option expr:value='data:link.href' selected='selected'><data:link.title/></option>
          <b:else/>
            <option expr:value='data:link.href'><data:link.title/></option>
          </b:if>
        </b:loop>
      </select>
      <span class='pagelist-arrow'>&amp;#9660;</span>

    <b:else/>
      <ul>
        <b:loop values='data:links' var='link'>
          <b:if cond='data:link.isCurrentPage'>
            <li class='selected'><a expr:href='data:link.href' target='_blank'><data:link.title/></a></li>
          <b:else/>
            <li><a expr:href='data:link.href' target='_blank'><data:link.title/></a></li>
          </b:if>
        </b:loop>
      </ul>
    </b:if>
    <b:include name='quickedit'/>
  </div>
  </b:includable>
</b:widget>

Nota Importante : Debes incluir el espacio  antes de la palabra target='_blank' como muestra el ejemplo de arriba.
Para finalizar ahora da click en boton de Guardar Plantilla y listo.
If You Enjoyed This, Take 5 Seconds To Share It

0 comentarios:

Publicar un comentario