Cómo cambiar el enlace de la miniatura en gadget de blogger

MegaVeloz · 22 Jun 2014

Hola compañeros:

He colocado en mi blogspot el gagdet Post más populares que ofrece el mismo blogger. Pero cuando se hace clic en la foto miniatura, se abre en otra página, y necesito que se abra en la misma página. Imagino que trae incorporado lo del target='_blank' (o algo así, no sé de programacion html), pero entonces qué hago? Lo quito y pongo en su lugar cuál código?. Agradeceré mucho su muy valiosa ayuda, compañeros. Aquí abajo, el código en cuestión (lo tengo para que sólo muestre las miniaturas y nada de texto):

Insertar CODE, HTML o PHP:

  <b:widget id='PopularPosts1' locked='false' title='Artículos más populares' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
              <div class='item-snippet'><data:post.snippet/></div>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>

rh0b3rt0 · 22 Jun 2014

no necesitas hacer muchas cosas... agrega esto en tu plantilla en la sesión CSS

Insertar CODE, HTML o PHP:

#PopularPosts1{border:1px solid #ddd}


#PopularPosts1 h2{
background-color: rgb(164, 202, 57);
color: #FFF;
font-size: 18px;
font-weight: normal;
margin: 0;
padding: 0px 10px;
line-height:280%;
text-align: center;}

.widget-content.popular-posts{background: #f2f2f2}

#PopularPosts1 ul{background: #f2f2f2;
margin: 0;
padding: 5px;
counter-reset: li;}

#PopularPosts1 li{background: #FFF;
margin: 13px 12px;
padding: 1em;
list-style: none;
position: relative;}

#PopularPosts1 li a{color:#555e6b;}
#PopularPosts1 li a:hover{text-decoration:underline}

.PopularPosts {
border: none!important;
background: #fff!important;
}

Okaro · 22 Jun 2014

En ese código que has puesto elimina los dos

Insertar CODE, HTML o PHP:

target='_blank'

y así no se te abrirán en una pestaña nueva.

Un Saludo.

Cómo cambiar el enlace de la miniatura en gadget de blogger

MegaVeloz Seguir

rh0b3rt0

Okaro