DAFTAR ISI
Nonton Televisi Online

HTML Scroll Boks Warna

Sabtu, 13 Februari 2010

MEMBUAT SCROL PADA LABEL

Pada postingan kali ini kita berjumpa kembali untuk membahas berbagai artikel-artikel yang menarik terutama masalah Code script Scroll Label yang akan kita bahas kali ini, tapi disana di google banyak sekali yang membahas artikel ini namun tidak salahnya saya juga akan membahas tentang pembuatan Scrol pada label untuk tidak memanjang kebawah dan sebelum menuliskan artikel ini code script ini sudah di praktikan pada Blog saya yang lain hasil nya berhasil dengan sangat memuaskan sebelumnya terimakasih untuk yang membuat code script ini, baik untuk menyingkat halaman akan saya beritahukan cara memasang code ini :
  1. Masuk dulu ke Acount Blogger atau Dashboard
  2. Pilih Layout , lalu klik Edit HTML
  3. Centang dulu Expand Widget Templates
  4. Cari kode yang seperti ini :
    atau kata Archive.
  5. Untuk memudahkan mencarinya , pakai saja Ctrl +F , terus ketik kata yang dicari dikotak yang disediakan, lalu klik next.
  6. Kalau sudah, tambahkan kode warna merah itu sebagai scollnya
  7. Lengkapnya kode tersebut seperti dibawah ini :
  8. Cara I
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div style='overflow:auto; width:ancho; height:200px;'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div></div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>

8. Angka 200px adalah tinggi kotak scroll itu, silahkan disesuaikan.
9. Mungkin saja diblog sobat kodenya beda,, carilah yang mirip Blog saya juga beda

Selesai Selamat mencoba semoga berhasil, saya berhasil kenapa anda ngga cobalah dulu jangan putus asa.

Contoh :


Cara ke II

Pilih Tata Letak/Layout pada Dashboard
Pada menu, pilih Edit HTML
ada halaman Edit HTML, download dulu template kamu dengan klik Download Template Lengkap
Klik Expand Widget Template
Kemudian cari kode berikut:

<b:widget id='Label1' locked='false' title='NAMA 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:100px;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

Yang berwarna merah adalah kode yang harus ditambahkan di script itu
Ganti tulisan NAMA LABEL dengan Nama Label yang tertampil di blogmu.
Tulisan yang berkedip adalah panjang Label yang ditampilkan, kamu bisa menggantinya sesuai keinginan
Kemudian Pilih Simpan

Komentar :

ada 5 komentar ke “MEMBUAT SCROL PADA LABEL”
harto mengatakan...
pada hari 

informasi yang sangat membantu, untuk menghemat tempat yaaa...
trims atas infonya sukses selalu n tetap semangat

IF mengatakan...
pada hari 

ia bagus sob nice post, tks ya

2yoemt mengatakan...
pada hari 

Berhasil Gan ....

Liat Dulu Karya Muridmu


HIHIHIH

Dayas||Brothers mengatakan...
pada hari 

Mantap gan
Berhasil di blog ane
thanks ^_^

Rafi mengatakan...
pada hari 

dah coba tapi karena beda template belum jadi jadi gan ane pakai blog template 4u mohon pencerahan

Posting Komentar


weather counter

BUKU TAMU


Anda berminat buat Buku Tamu seperti ini?
Klik disini
Read more: Membuat Buku Tamu Melayang di http://paksi-dirgantara.blogspot.com

Pengikut

 
This Blog is proudly powered by Blogger.com | Template by Angga Leo Putra