Arcendocty™

We Have Information To Help You

Cara membuat Popular post dengan Efek Marque

Cara membuat Popular post dengan Efek Marque<Berjalan>, Pada Kesempatan Ini Arcendocty™ akan Berbagi cara membuat Popular post dengan Efek Marque<Berjalan>
Expant widtget<centang kotak kecil>
  • Cari Kode warna Merah Dibawah ini
  • 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/></i, sans-serif; line-height: 115%;"><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'><p;            <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
                      </a>
              &n/span>
                <!-- (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


    No comments:

    Post a Comment

    Thanks telah mampir, ayo kita saling vote dan comment.
    jika tidak punya akun pilih Anonymous.
    Bila berkenan tolong bagikan dengan tombol share di atas.