Home » » Cara Membuat Label Blog dengan Efek Marquee (bergerak)

Cara Membuat Label Blog dengan Efek Marquee (bergerak)

Written By Unknown on Tuesday, January 15, 2013 | Tuesday, January 15, 2013



Hello sobat.hehehe.mungkn tidak asing lagi dengan yang namanya Label blog.tapi semakin banyak Label Diblog sobat pastinya semakin banyak memakan tempat.sehingga blog sobat menjadi berat,dan pengjung pun malas berkungjung ke blog sobat..
Nah kali ini kita menggunakan Efek Marquee atau bergerak..jadi secara otomatis sedikit memakan tempat pada blog anda haha.
Oke langsung saja.
berikut Tutorialnya.

 1. login blog
 2. rancangan -> edit HTML (centang "Expand Template Widget")
 3. lalu cari kode seperti dibawah ini, NB: title ='Labels' 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> 


NB :
 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.

Lalu Simpan tempelate anda dan lihat hasilnya :D
semoga bermamfaat!

Bagikan ke:

leave comment

Semua umpan balik saya hargai dan jika sempat saya akan membalas pertanyaan yang menyangkut artikel di Blog ini sesegera mungkin.

1. Komentar SPAM akan dihapus segera setelah saya review
2. Pastikan Anda tidak berkomentar dengan menggunakan kata-kata kasar, sara, p*rn* dan lain-lain.
3. Jika Anda memiliki masalah cek dulu komentar, mungkin Anda akan menemukan solusi di sana.
4. Jangan Tambah Link ke tubuh komentar Anda karena saya memakai system link exchange

5. Jika perlu sebarluaskan artikel dengan cara klik tombol SHARE di atas.

Bila anda senang dengan artikel ini silahkan Join To Blog atau berlangganan geratis Artikel dari blog ini. Pergunakan vasilitas diatas untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui komentar atau share sesuai dengan artikel diatas.

Me

Post a Comment

 
Copyright © 2012 - 2015 Renviletieft Blog - All Rights Reserved
Template Craeted by : RenvileTieft Blog
Proudly Powered by Blogger