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

Post a Comment

33 Comments:

awie958 said...
Teknik Buat Blog

tak berjaya buatla

wafimamap3 said...
Teknik Buat Blog

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

dwaty said...
Teknik Buat Blog

tak jadi pun.... huhuhu

dwaty said...
Teknik Buat Blog

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

wafimamap3 said...
Teknik Buat Blog

kenapa error semasa saya letak marquee sebelum ul, plss

MOBYDICK said...
Teknik Buat Blog

ada masalah la bro bila nak save keluar error pulak

yahaya said...
Teknik Buat Blog

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

ct N honey said...
Teknik Buat Blog

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

yahaya said...
Teknik Buat Blog

@ct N honeylihat pada baris akhir tutorial

yusman udin said...
Teknik Buat Blog

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

aDD?? said...
Teknik Buat Blog

x boleh asyik error je

hoyahadis said...
Teknik Buat Blog

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

yahaya said...
Teknik Buat Blog

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

yahaya said...
Teknik Buat Blog

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

Niena Aziz said...
Teknik Buat Blog

saya ske..jadi2 ^_^

Ifti Larina said...
Teknik Buat Blog

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

eton love amie said...
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?

Anonymous said...
Teknik Buat Blog

xboleh buat...

Muhammad Amiruddin Aqil said...
Teknik Buat Blog

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

nurkaloi said...
Teknik Buat Blog

OK KALOI tak berjaya huhuhu ^_^

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

Mekaseh. Saya dh cube.

chegu abbas said...
Teknik Buat Blog

x jadi pon...hermmm

yahaya said...
Teknik Buat Blog

@chegu abbasmungkin cikgu salah letak kod pada template

Rudy Hartono said...
Teknik Buat Blog

informasinya sangat bermanfaat

yahaya said...
Teknik Buat Blog

@Rudy Hartonoterima kasih....:)

aidil hakim said...
Teknik Buat Blog

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

yahaya said...
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 said...
Teknik Buat Blog

terima kasih atas perkongsian :)

AQ Ney said...
Teknik Buat Blog

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

Fokus Impian said...
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 said...
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 said...
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 said...
Teknik Buat Blog

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

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