Membuat Efek Marquee pada label (Label berjalan dari bawah keatas)

Efek marqueepada label, membuat isi pada widget Label berjalan dari bawah keatas.. 

Untuk contohbias di lihat pada blog ini pada widget Categories. .

Langsungsaja deh…

Login keblog anda

Pilihtemplates

Pilih EditHTML

Beri centangpada ExpandWidget Templates

Cari kode 'Labels' , tulisan 'Labels' merupakan judulwidget anda, jika anda telah merubahnya maka cari sesuai judul widget anda..

Dan kode yang berwarna merahadalah kode yang harus di sisipkan kedalam template anda.

Contohnyaseperti di bawah ini:

<b:widgetid='Label1' locked='false' title='Labels' type='Label'>

<b:includableid='main'>

  <b:if cond='data:title'>

    <h2><data:title/></h2>

  </b:if>

  <div expr:class='&quot;widget-content&quot; + data:display + &quot;-label-widget-content&quot;'>

<marquee align='left' direction='up' height='300'onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2'width='100%'>

    <b:if cond='data:display ==&quot;list&quot;'>

      <ul>

      <b:loop values='data:labels'var='label'>

        <li>

          <b:if cond='data:blog.url ==data:label.url'>

            <spanexpr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>

            <aexpr:dir='data:blog.languageDirection'expr:href='data:label.url'><data:label.name/></a>

          </b:if>

          <b:ifcond='data:showFreqNumbers'>

            <spandir='ltr'>(<data:label.count/>)</span>

          </b:if>

        </li>

      </b:loop>

      </ul>

    <b:else/>

      <b:loop values='data:labels'var='label'>

        <spanexpr:class='&quot;label-size label-size-&quot; +data:label.cssSize'>

          <b:if cond='data:blog.url ==data:label.url'>

            <spanexpr:dir='data:blog.languageDirection'><data:label.name/></span>

          <b:else/>

            <aexpr:dir='data:blog.languageDirection'expr:href='data:label.url'><data:label.name/></a>

          </b:if>

          <b:ifcond='data:showFreqNumbers'>

            <span class='label-count'dir='ltr'>(<data:label.count/>)</span>

          </b:if>

        </span>

      </b:loop>

    </b:if>

    <b:include name='quickedit'/>

</marquee>

  </div>

</div>

</b:includable>

</b:widget>

Jika sudahselesai silahkan Save Templates

Keterangan:
1. direction='up' adalah text yangberjalan dari bawah keatas.
2. height='300' adalah tinggi darimenu
3. scrollamount='2' adalahkecepatan gerakan text, semakin tinggi angkanya maka akan semakin cepatgerakannya.

SelamatMencoba