Cara Memberi efek Marquee Pada Popular Post

Cara Memberi efek Marquee Pada Popular Post, Pada Kesempatan Ini maz dani akan Berbagi cara mebuat Popular post dengan Efek Marque<Berjalan>

Biasanya Popular post Yang ada dalam Blogger masih setandar(diam) , maka dari itu kita akan mencoba sedikit cara memodifikasinya sehingga popular post kita berjalan dengan sendirinya

Langsung saja sob Ke tkp

1. Lankah pertama dan Utama masuk ke dasbord dahulu
2. pilih template
3. Edit Html
4. Expant widtget<ceklisy kotak kecil>
5. Cari Kode warna Merah Dibawah ini
6. Untuk Memudahkan tekan CTRL+F

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

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

        7.kode Hijau Diatas Adalah Kode yang ditambahkan dalam edit html
        8.Simpan Dan lihat Hasilnya

Demikian Tutorial Blog Cara Memberi efek Marque Pada popular Post

Share : Facebook Twitter Google+ Linkedin Technorati Digg

Page Load

Terima kasih telah membaca artikel Maz Dani tentang Cara Memberi efek Marquee Pada Popular Post dengan url http://dubraw735.blogspot.com/2012/04/cara-memberi-efek-marquee-pada-popular.html, Semoga Artikel Cara Memberi efek Marquee Pada Popular Post bermanfaat bagi diri saya dan anda.