cara buat popular posts bergerak

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



edit template





2.Ambil popular post

popular





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

Catat Ulasan

33 Comments:

awie958 berkata...
Teknik Buat Blog

tak berjaya buatla

wafimamap3 berkata...
Teknik Buat Blog

Saya dah letak semua yang yahaya ajar tapi kenapa apabila saya marquee sebelum ul ia keluar error. plsss yahaya

dwaty berkata...
Teknik Buat Blog

tak jadi pun.... huhuhu

dwaty berkata...
Teknik Buat Blog

aha la... tak jadi pun.... tak keluar text...

wafimamap3 berkata...
Teknik Buat Blog

kenapa error semasa saya letak marquee sebelum ul, plss

MOBYDICK berkata...
Teknik Buat Blog

ada masalah la bro bila nak save keluar error pulak

yahaya berkata...
Teknik Buat Blog

@awie958
saya salah letak kod akhir</marquee> diatas sudah dibetulkan.harap maaf pada semua....

ct N honey berkata...
Teknik Buat Blog

macam mana nak perlahankan sikit pergerakkannya,laju sgt lah....tq

yahaya berkata...
Teknik Buat Blog

@ct N honeylihat pada baris akhir tutorial

yusman udin berkata...
Teknik Buat Blog

ok dah berjaya....timakaseh bro...

aDD?? berkata...
Teknik Buat Blog

x boleh asyik error je

hoyahadis berkata...
Teknik Buat Blog

kod berwarna merah perlu ditambah disini tu ap mak sudnye...tak faham la..(^_^)

yahaya berkata...
Teknik Buat Blog

@aDD??kalau error salah letak atau kod tak lengkap.

yahaya berkata...
Teknik Buat Blog

@hoyahadissaya dah edit dan tunjukkan semua kod.Harap isnya dpt membantu

Niena Aziz berkata...
Teknik Buat Blog

saya ske..jadi2 ^_^

Ifti Larina berkata...
Teknik Buat Blog

wah! yg ni la kite cari2 selama nie. thanks fr sharing :))

eton love amie berkata...
Teknik Buat Blog

Templat anda tidak boleh dihuraikan kerana ia tidak purna bentuk. Sila pastikan semua elemen XML ditutup dengan sempurna.

Mesej ralat XML: The element type "marquee" must be terminated by the matching end-tag "". nape erk?

Tanpa Nama berkata...
Teknik Buat Blog

xboleh buat...

Muhammad Amiruddin Aqil berkata...
Teknik Buat Blog

thankss . berjaya !
bg spa2 yg x dpt gunakan Ctrl+F untuk cari kod..

nurkaloi berkata...
Teknik Buat Blog

OK KALOI tak berjaya huhuhu ^_^

F.A.R.A.H. deeb berkata...
Teknik Buat Blog

Mekaseh. Saya dh cube.

chegu abbas berkata...
Teknik Buat Blog

x jadi pon...hermmm

yahaya berkata...
Teknik Buat Blog

@chegu abbasmungkin cikgu salah letak kod pada template

Rudy Hartono berkata...
Teknik Buat Blog

informasinya sangat bermanfaat

yahaya berkata...
Teknik Buat Blog

@Rudy Hartonoterima kasih....:)

aidil hakim berkata...
Teknik Buat Blog

CARI KOD APE?..Xkn la nk cari code bnyk tu..
sorry bro memang tutorial nie xmembantu..

yahaya berkata...
Teknik Buat Blog

@aidil hakimtak perlu cari semua tu...cari kod mula...saja dan tambahkan kod merah padanya.Tujuan saya tunjuk semua kod tu untuk menunjukkkan dimana kod yang perlu ditambah.

ABC berkata...
Teknik Buat Blog

terima kasih atas perkongsian :)

AQ Ney berkata...
Teknik Buat Blog

Maaf Yahaya..
Salah letak end tag merah tu.
Sepatutnya selepas bukan sebelum.
Maaf memandai ya.

Fokus Impian berkata...
Teknik Buat Blog

@AQ Neytak salah...tempat letak tu.kat blog ni pun saya pasang widget ini.saya dah test sebelum letak kod dalam post ini.jika letak selepas ada error,jadi saya tak sebelum.

Stephen Andrew berkata...
Teknik Buat Blog

mintak toloooong!.....huhuh.....kod pertama dah dapat masukkan tapi kod kedua yg tu bila masukkan then bila preview template dia kata

Could not load template preview: Error parsing XML, line 2098, column 7: The element type "ul" must be terminated by the matching end-tag "".....

harap reply....tq...

Fokus Impian berkata...
Teknik Buat Blog

@Stephen Andrewmungkin ada silap pada kod terakhir sekali.cuba terbalikkan kod </marquee> dan </ul> tu..letak </ul> dulu lepads tu baru </marquee>

Stephen Andrew berkata...
Teknik Buat Blog

@http://www.blogger.com/profile/07962660654891519117

dah dapat buat dah....terimah kasih atas bantuan...