Cara Membuat Scroll pada Label, Arsip Blog Atau Widgets Lain

Cara Membuat Scroll pada Label, Arsip Blog Atau Widgets Lain

Cara ini saya dapat waktu saya mencari kesana kemari cara membuat Scroll untuk Label Blog saya, karena label di blog saya adalah Widgets bawaanya Blogspot jadi saya bingung cara membuat Scroll untuk Label tersebut dan akhirnya dipertemukan dengan Blognya Arie Aldyno.

Temen-teman pasti sudah pada tahu apa itu Scroll dan langsung saja ke cara membuatnya:

1. Sign in di www.blogger.com

2. Ke Design atau Tata letak terus klik Edit Html

3. Cari Kode:

<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'/>

<b:widget id='HTML4' locked='false' title='Blog Stats' type='HTML'>

<b:widget id='HTML11' locked='false' title='Daftar Isi:' type='HTML'>

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

<b:widget id='Followers1' locked='false' title='Followers' type='Followers'>

<b:widget id='HTML6' locked='false' title='etc.' type='HTML'/>

<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'/>

4. Pokoknya cari nama widgets yang akan anda beri scroll.

Misalnya ingin memberi scroll untuk Label, maka kodenya kira2 seperti ini

<b:widget id='Label1' locked='false' title='Labels' type='Label'>

Nah kode id yang nanti di pakai untuk Label ini adalah Label1

5. Kemudian Pastekan Kode dibawah ini di atas kode ]]></b:skin>

#Label1 .widget-content{

height:200px;

width:auto;

overflow:auto;

}

Kemudian Simpan Templete.

Nah kalau berhasil nggak akan Error, dan Label akan ada Scrollnya.

Cara ini bisa juga untuk membuat scroll pada Arsip Blog atau Widgets lainnya, Seperti contoh script diatas (script point 3) Contoh kita akan memberi Scroll pada Arsip Blog, yang mengambarkan id Arsip Blog yaitu BlogArchive1, maka kita tinggal mengganti kata Label1 pada script point 5 (yang berwarna biru) dengan Kata BlogArchive1. Sedang Untuk tinggi scroll bisa diatur sesuai selera anda (ganti kode yang berwarna merah), yang kalau seperti yang diatas itu tulisan 200px.

Semoga bermanfaat………

Anda baru saja selesai membaca artikel di EpulJapanese Blog yang berjudul: Cara Membuat Scroll pada Label, Arsip Blog Atau Widgets Lain

dengan URL: http://epuljapaneseblog.blogspot.com/2010/08/cara-membuat-scroll-pada-label-arsip.html

Apabila anda menyukai artikel ini atau merasa bermanfaat silahkan bagikan artikel ini di Facebook, Google+ dan Twitter anda dengan meng-klik tombol-tombol Share yang ada diatas postingan ini.

Dapatkan artikel EpulJapanese Blog terbaru langsung ke email anda. Silahkan masukkan alamat email anda:

Related Post

Tips Trik Tutorial Ms.Office

• Cara Agar Dokumen Ms.Word Tidak Bisa di Copy dan di Edit
• Cara Agar Postingan Blog Tidak Bisa Copy Paste, di Blok dan klik Kanan
• Cara Dokumen Ms. Word Tidak Bisa di Edit
• Cara Menampilkan Kotak Komentar di Blogspot
• Cara Membuat Tabel di Postingan Blog Dengan Menggunakan Google Dokumen
• Cara Membuat Spoiler di Blogspot
• Memasang Windows Alert di Blog
• Cara Men-disable Klik Kanan dan Block di Blogspot
• Cara Mengganti Cursor di Blog Dengan Gambar
• Memasang Tombol Like Facebook di Blogger
• Beberapa Variasi Tulisan Chat di CBOX
• Indonesia Siap Bersaing di SERP
• Label di Klik Tampil Hanya Judul Postingan
• Cara Memasang Balas Komentar Pada Komentar di Blogspot
• Cara Membuat Scroll Pada Daftar Komentar di Blogspot
• Cara Memasang Status Yahoo Messenger ( YM ) di Blogspot
• Cara Menampilkan Background Pada Postingan Blogspot
• Cara Membuat Kotak Iklan Di Blog
• Cara Setting Blog Di blogger / Blogspot
• Cara Membuat Related Post di Bawah Postingan Blog
• Cara Membuat Slideshow Album Foto dan Menampilkannya di Blogspot
• Mendaftarkan Blog atau Web ke Search Engine
• Cara Menampilkan Code HTML di Postingan Blogspot
• Cara Membuat Blog di Blogspot