Trik Buat Roll pada Entri Populer blogspot

baik lah pada kesempatan kali ini saya akan berbagi trik membuat Roll pada entri populer dimana kegunaannya sangat banyak sekali manfaatnya salah satunya agar blog kita tidak terlihat memanjang ke bawah, oke deh langsung saja ke poko permasalahan
langkah  Buat Roll pada Entri Populer
1.  Login ke blog anda dulu dong
2.  Masuk ke Tata Letak
3.  pilih Add witget
4.  lalu cari entri populer dan tambahkan
5.  Pilih jumlah entri populer yang diinginkan(disini saya pilih 4 entri populer)
6.  Lalu simpan
7.  Lalu masuk Template>edit HTML>lanjutkan>
8.  Jangan lupa beri centang pada Expand Template Widget
9. Lalu cari kode Entri Populer atau  <div class='widget-content popular-posts'>

10.  Copy pastekan scrip dibawah tepat dibawah <div class='widget-content popular-posts'> (ingat dibawahnya)
      <div style='overflow:auto; width:ancho; height:250px;'>
sehingga tampilannya seperti ini

      <b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
          <b:includable id='main'>
        <b:if cond='data:title'><h2><data:title/></h2></b:if>
            <div class='widget-content popular-posts'>
        <div style='overflow:auto; width:ancho; height:250px;'>
           <ul>

11. lalu cari kode
  <b:include name='quickedit'/> 
  </div>
12.  tambahkan srip </div> sehingga menjadi seperti
        <b:include name='quickedit'/>
        </div></div>

dan tampilan keseluruhannya adalah sebagai berikut


<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
<div style='overflow:auto; width:ancho; height:250px;'>
    <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></div>




demikian penjelasan dari saya sekian dan terima kasih
terkait :
trik buat witget entri populer
tambah witget entri populer blogspot
trik membuat roll pada entri populer blogspot
langkah buat witget entri populer dengan roll pada blogspot
trik blogger terbaik 2012 
witget menarik terbaru 2012

bagi yang masih belum mengerti silahkan tinggalkan komentar anda dibawah