Tuesday, January 22, 2013

Cara Baru Membuat Label Dengan Efek Marquee (bergerak)



Up Date labels With Marquee





Hai.. sobat blogger semua. kali ini Blog "waone's article" akan share mengenai Cara Membuat Label Dengan Efek Marquee (bergerak) yang paling baru.

Sebelumnya mungkin sobat pernah membaca pada halaman lain dalam artikel saya mengenai cara memberi scroll pada label  akan sedikit kesulitan untuk menerapkan pada label dengan Efek Marquee (bergerak) ini. karena mungkin di blog sobat sudah terpasang label dengan cara Scroll, karena kemungkinan besar tidak akan work, dan sobat harus menghapus atau mendelete dulu Scrift lama yang ada pada Blog sobat.
untuk itu silahkan pelajari dulu tentang cara memberi scroll pada label untuk mengembalikan HTML Template pada posisi sebelumnya.

Membuat label dengan efek marquee atau berjalan atau bergerak ini adalah Label nanti bisa berjalan atau bergerak ke atas/kebawah.
Cara memasangnya Tidak jauh berbeda dengan cara memberi scroll pada label. Tapi disini perbedaannya hanya terletak pada kode scrift untuk menjalankannya.

Ok langsung saja pada Cara Membuat Label Dengan Efek Marquee (bergerak)

1. Login Blog anda
2. Klik Rancangan -> edit HTML (centang "Expand Template Widget")
atau masuk ke Template, kemudian Edit HTML, pilih Lanjutkan, dan jangan lupa centang Expand Template Widget.
3. Kemudian cari kode dibawah ini >>>>>> klik Open

Catatan;
title = 'Label' adalah judul label yang ada di blog sobat, silahkan disesuaikan.
Dan kode yang berwarna merah adalah kode yang harus disisipkan kedalam template sobat.

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='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'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='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>
</b:includable>
</b:widget>

script by : http://www.vikrymadz.web.id/2011/06/cara-membuat-label-dengan-efek-marquee.html

4. Yang terakhir, simpan Template.

Keterangan;
1. direction='up' adalah text yang berjalan dari bawah keatas.
2. height='300' adalah tinggi dari menu
3. scrollamount='2' adalah kecepatan gerakan text, semakin tinggi angkanya maka akan semakin cepat gerakannya.

Selesai ...

Nah itulah tips Cara Baru Membuat Label Dengan Efek Marquee yang bisa anda terapkan pada blog sobat.
Namun perlu diketahui bahwa dengan cara tersebut otomatis loading pada blog sobat akan menjadi lama tampilnya, itulah sebabnya mengapa saya kembali memakai dengan cara lama yaitu dengan label menggunakan Scroll.(lihat tampilan label pada blog saya)

Setelah anda bisa Membuat Label Dengan Efek Marquee, mungkin anda tertarik untuk memasang iklan dengan menempelkan iklan banner pada blog anda atau ingin memasang logo di header blog, silahkan anda baca pada artikel Cara Membuat Iklan Banner Berganti Secara Otomatis  dan CARA MEMASANG LOGO DI HEADER BLOGSPOT

Semoga postingan Membuat Label Dengan Efek Marquee diatas dapat bermanfaat untuk anda, salam sukses selalu ...

Edit; wawansurya
Sumber ;
www.affiliate-waones.com
http://waones-sbm.blogspot.com
http://mitra-sbm.blogspot.com

merchant 
Search Engine

Artikel Menarik Lainnya :



No comments:

Post a Comment