cara buat popular posts bergerak

Untuk membuat  popular posts bergerak seperti mana terdapat diblog ini ,anda mestilah memasang widget popular post terlebih dahulu.Jika sudah dipasang terus sahaja ke langkah 4.

Caranya :

1.Masuk ke dashboard-Layout---add a gadget

2.Ambil popular post







Sesudah widget tersebut dipasang

3.Seterus pada dashboard pilih template--edit HTML

cari kod seperti dibawah ini:

<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>

kod berwarna merah perlu ditambah seperti diatas
kemudian simpan template anda
Kelajuan boleh diubah pada scrollamount=3.>ubah nilai 1 paling perlahan

update 9/5/2013