28 April 2010

Membuat Label Dalam Bentuk Marquee

Nah bagi sobat setia t'Met yang blognya sudah mempunyai label boleh kita beri Effect sedikit biar lebih menarik dipandang oleh mata. Yaitu adalah Effect Marquee seperti Labels blog saya tuh!!!krenn kan...Pasti sobat t'Net pengen dong punya label blog kekgitu...Mungkin sobat t'Net masih ada yang belum punya Label pada blog, jangan cemas, saya telah memberikan postingannya di sini mangga di klik tuh, biar label blog kamu ada.

Nah Bagi yang sudah ada, silahkan ikuti langkah ini:

1. Pertam sekali harus masuk ke Blogger dengan ID sendiri
2. Pada Dasbor pilih Layout
3.Kemudian klik Edit HTML
4. Cari kode Label atau kode yang mirip seperti di bawah. Dan kode yang berwarna Biru adalah kode yang dimasukkan

<b:widget id='Label1' locked='false' title='Label' 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>

Kalu tidak ada kode yang mirip dengan kode yang panjang di atas,,,ya terpaksa anda harus mengganti widget blog anda dengan kode yang pangjang di atas dengan menyesuaikan title='Label' nya supaya sesuai dengan blog kamu


Jangan simpan dulu yah soalnya masih ada yang harus kita perbaiki di sana.

  1. direction='up' adalah text yang berjalan dari bawah keatas.
  2. height='300' adalah tinggi dari men..nah ini harus anda sesuaikan dengan panjang Label anda  sebelum dikasi effect Marquee ini.
  3. scrollamount='2' adalah kecepatan gerakan text, semakin tinggi angkanya maka akan semakin cepat gerakannya. 
NAh setelah itu silahkan Klik Pratinjau dulu, siapa tau tinggi yang anda buat belum pas pada label anda
Jika labelnya berhenti maka panjangnya itu kelebihan, silahkan anda kurangi. OKK
Setelah sempurna, silahkan anda Simpan template

0 komentar:

Sekedar catatan:
Kotak pada kolom blok komentar ini masih kosong. Maka merupakan suatu kehormatan jika sobat menjadi orang yang paling pertama menuliskan komentar, baik berupa pujian, masukan, kritikan, maupun pertanyaan di kolom komentar yang terletak di bawah kotak ini.

Tak ada yang bisa saya berikan selain ucapan terima kasih karena telah memberikan apresiasi terhadap artikel-artikel KARTA JAYA WEB

Masukkan email kamu untuk berlangganan tulisan dengan saya :

Delivered by FeedBurner