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

  • Autor Autor xerorx
  • Fecha de inicio Fecha de inicio
X

xerorx

Gamma
Diseñador
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
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.webp
de antemano gracias.
 
en un post de un chavo lo publique... esta en la pagina de blogger
 
como esta web mira Entrar
 
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;
}
 
Atrás
Arriba