Cara Membuat Popular Posts Bergerak

adminPosted by Noochii dateWednesday, June 29, 2011

Untuk 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 4..:D


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


1.Masuk ke Design-Page Elements

design




2.Kemudian pilih add a gadget

add a gadget



3.Klik Tanda + pada popular post

popular





Sesudah widget tersebut dipasang

4.Lalu masuk ke design semula--edit HTML
jangan lupa expand template widget nya Diklik

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


Catatan : Text warna Hijau = Kode yang Dicari
                Text warna Merah = Kode yang Ditambahkan
Jika sobat merasa artikel Cara Membuat Popular Posts Bergerak ini bermanfaat, silahkan Copas artikel ini, tetapi jangan lupa untuk mencantumkan link sumbernya seperti ini : Source:http://noochiiartikel.blogspot.com/2011/06/cara-membuat-popular-posts-bergerak.html.Saya lebih berterimakasih lagi jika sobat mau mencantumkan link hidup seperti ini : Source: http://noochiiartikel.blogspot.com/2011/06/cara-membuat-popular-posts-bergerak.html.Mohon dimengerti agar maraknya copas tanpa link sumber mereda, terima kasih.

14 comments

Rifqi Habibi said...

Wah bagus nih sob... makasih nih triknya...

Noochii said...

@Rifqi Habibi ia sob..sama".. :)

[./Blog | JavaCyber] said...

Nice share gan..

Kunjung balik ya ==> http://java-cyber.blospot.com/

KabiBitak said...

thanks atas infonya,,, Berkunjung balik ya Download Film Gratis | High Quality - Boxsoffice

Muchtar said...

bagus tapi nggak ikhlas kayakx berbagi naskahx di protec

AE. Yahya Mappaerang said...

ijin copast brother ;) thnks b4..

faizul said...

xjadi l bro...mcm mn ek??

Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The element type "div" must be terminated by the matching end-tag "/div".

Error 500

IT NeT said...

nice info..gan

Surveyor Community said...

ok gan, trim's infonya, gua cari kemana mana untuk buat popular post bergerak semuanya gagal, mungkin dari templatenya. tapi dengan tips ini berhasil. sukses

grup ku said...

thanks gan...,menarik juga..,susah2..,tpi krna pantang mundur..,akhirnya jadi juga populer post bergerak..,..,

HENDRO said...

huh hsil nya gx mmuaskn...

ABas said...

Cara membuat populer post bergerak ternyata mudah... Thank bro.. for sharing... I like it.. Kata@ Populer post bergerak bisa SEO blog

Yasir Utomo said...

Mantap gan. sy baru dapat trik ini. thank u for sharenya gan.

Irma Yunia said...

Thanks guyas, formasinya :)
http://bit.ly/1z9fiBQ

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment