Cara Membuat Popular Post Bergerak

Hai sobat, kali ini saya mau share nih tentang Cara Membuat Popular Posts Bergerak..seperti yang terdapat pada blog saya, sobat harus memasang widget popular post terlebih dulu.. jika popular posts sobat sudah terpasang, langsung loncat aja ke Langkah NO 4.

Sekarang bagi yang belum pasang popular post..ikutin cara dibawah ini ya.

1.Masuk ke Tata Letak

2.Kemudian pilih add a gadget

3.Klik Tanda + pada popular post

Sesudah widget tersebut dipasang

4.Lalu masuk ke Template => Edit html

Cari code seperti dibawah ini:

Gunakan Ctrl+F Untuk memudahkan pencarian.

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
 <b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>
      <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>
   </marquee> </ul>
    <b:include name='quickedit'/></div>
  </div>
</b:includable>
</b:widget>

Note:

• Text warna BIRU = Kode yang Dicari
• Text warna Merah = Kode yang Ditambahkan
• height='140' adalah tingginya, sobat bisa ganti angkanya sesuai selera sobat.
• scrollamount='3' adalah kecepatan gerak yang juga bisa sobat ganti, semakin besar angkanya, maka semakin cepat juga, begitu juga sebaliknya.

Sekian Tips dari saya tentang cara membuat populas post bergerak, Terimakasih.

sumber: http://noochiiartikel.blogspot.com/2011/06/cara-membuat-popular-posts-bergerak.html