Thumbnail Pada Popular Posts Blogger

Friday, August 17, 2012

Popular Posts Blogger tidak menyediakan gambar default pada script widgetnya, maka apabila sebuah artikel yang telah dipublish tidak menyertakan gambar, popular post widget tersebut hanya menampilkan judul saja ataupun excerpt blogger post saja tanpa gambar.

Untuk menampilkan default image pada popular posts widget itu, dapat dilakukan beberapa penambahan pada scriptnya di dalam template.

Cara untuk membuat default image pada widget popular posts blogspot adalah sebagai berikut:

Default Thumbnail For Popular Posts

Temukan:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>

            <!-- (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 border='0' expr:alt='data:title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:title' expr:width='data:thumbnailSize' itemprop='photo'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' itemprop='url'><span itemprop='summary'><data:post.title/></span></a></div>
              <div class='item-snippet'><span itemprop='description'><data:post.snippet/></span></div>
            </div>
            <div style='clear: both;'/>

Ubahlah bagian ke 4 dari Popular Post diatas menjadi:

             <!-- (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 border='0' expr:alt='data:title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:title' expr:width='data:thumbnailSize' itemprop='photo'/>
                  </a>
                </div>
    <b:else/>
    <div class='item-thumbnail'>
    <a expr:href='data:post.href' target='_blank'>
     <img border='0' expr:alt='data:title' expr:height='data:thumbnailSize' expr:title='data:title' expr:width='data:thumbnailSize' itemprop='photo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNEmq4PWZJSaX1rkKZi1AolFRhvvfU89Lve1GcKf17sqMIJN0s3OhCP25zWxPHgL3sCS4Y8HJvqefxquhF5tdmiu2ogcmvAmzOazGWnIZSJpkyu2Q_pMWkEewuUAJpLB7ge9knlOhgNmM3/'/>
    </a>
    </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' itemprop='url'><span itemprop='summary'><data:post.title/></span></a></div>
              <div class='item-snippet'><span itemprop='description'><data:post.snippet/></span></div>
            </div>
            <div style='clear: both;'/>

sumber : http://www.ajibanda.com

Belajar Sehat