Cara Memberi Scroll pada Label

Buat sobat" yang pengen ngirit tempat.... hehehehehehe...

Nih ane baru dapat tips Cara Memberi Scroll pada Label.
tips ini ane dapet dari sobat blogger ane... n ternyata juga blogger blitar juga... hehehehe.....

ok langsung aja ya sob.... bagi sobat" yang berminat memberi scroll pada labelnya...

1. login blog
2. Rancangan >> edit HTML >> centang 'Expand Template Widget'
3. Cari kode dibawah ini ( NB: Harus ada widget labelnya terlebih dahulu )
4. Tekan Ctrl + F untuk memudahkan mencari
5. Cari kode seperti dibawah ini :

<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 class='widget-content'>

<div style='overflow:auto; width:ancho; height:300px;'>

<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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div> </div> </div>

 kalau sudah ketemu tinggal tambahkan saja kode yang warna merah itu untuk fungsi scrollnya.Angka 300px adalah tinggi kotak scroll. bisa sobat ganti sesuai selera sobat...
Gak ada kode yang seperti <div class='widget-content'> ?????
Tenang gak usah khawatir, mungkin pada template sobat yang ada hanya kode
 

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

yah kalau adanya kode di atas ini maka taruh <div style='overflow:auto; width:ancho; height:300px;'> dibawah kode yang berwarna hijau 

Selamat Mencoba sob,,,, silahkan tinggalkan komentar bila sobat mengalami masalah..... saya akan siap membantu. ^_^

Baca selengkapnya »

Cara Membuat Label Dengan Efek Marquee (bergerak)

Halo sobat blogger kali ini saya akan share mengenai Cara Membuat Label Dengan Efek Marquee (bergerak).

Nah sebelumnya mungkin bagi sobat yang pernah Nah jadi kali ini giliran Cara Membuat Label Dengan Efek Marquee (bergerak).

ok deh langsung saja pada Cara Membuat Label Dengan Efek Marquee (bergerak)
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> 

4. simpan

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.

Baca selengkapnya »