Cómo agregar widget de películas en la parte lateral de Blogger

xerorx Seguir

Gamma
Diseñador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
19 Feb 2013
Mensajes
340
Hola betas.

Tengo una pequeña duda, como hacer esto en blogger esta parte es de las que van en la parte izquierda o derecha alguien sabe como hacerlo??

Sin título.jpg
de antemano gracias.
 

rh0b3rt0

Delta
Redactor
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
26 Dic 2013
Mensajes
523
en un post de un chavo lo publique... esta en la pagina de blogger
 

carlos2928

Gamma
Programador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Desde
8 Ene 2014
Mensajes
164
remplaza el widget de popularpost por este:

Insertar CODE, HTML o PHP:
<b:widget id='PopularPosts1' locked='false' title='PELICULAS MAS VISTAS' 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'>
                    <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'>
                    <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>

y este es el css editalo a tu gusto

Insertar CODE, HTML o PHP:
/*entradas populares
--------------------*/
.PopularPosts .item-thumbnail img{
width:55px;
height:90px
}
.PopularPosts .item-thumbnail img:hover{
opacity:.6;filter:alpha(opacity=60);
-moz-opacity:.6;
-khtml-opacity:.6
}
.popular-posts li,.popular-posts .item-content{
float:left;
display:inline;
list-style:none;
}
.popular-posts .item-snippet,.popular-posts .item-title,.feed-links{
display:none;
}

.popular-posts ul li,.item-content,.item-thumbnail{
margin:0!important;padding:0!important;
}
.sixcol,.left-main,.right-sidebar{
width:50%;
}
#PopularPosts1 img {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
padding: 4px;
}
 
Arriba