logo blog
Selamat Datang Di Ngeblog-Bareng
Terima kasih atas kunjungan Anda di Ngeblog-Bareng,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi pada kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.

cara membuat scroll pada Label, Blog Archive atau widgets lainnya

Kata scroll memang sudah tidak asing bagi anda. Yang namanya scroll adalah sesuatu yanh dapat ditarik ke atas dan ke bawah. Sebagai contohnya antara lain lihatlah sebelah kiri bagian archive. Scroll dibagi menjadi 2, yaitu scroll vertikal dan scroll horizontal.


Kali ini saya akan memanfaatkan scroll vertikal untuk menghemat tempat di blog. scroll vertikal adalah scroll yang menggulung dari atas ke bawah. caranya dengat membuat scroll pada label,blog arsip atau widget lainnya yang mempunyai bentuk memanjang ke bawah. Hal ini pasti akan menghemat tempat di blog kita. Bagi anda yang belum mengetahui caranya, ikuti saja tutorial di bawah ini.

Langkah-langkah :

1. Seperti biasanya, login ke account blogger anda dulu.
2. Lalu anda akan masuk ke menu Dashboard / Dasbor, dari situ langsung saja menuju ke menu Design / Rancangan. Kemudian, masuklah ke menu Edit HTML.
3. Sebelum anda dapat membuat scroll pada widget, anda harus mencari ID dari widget tersebut.
4. Di bawah ini hanya contoh ID dasar widget, tapi tidak selalu sama dengan ID widget di blog anda.

A. Widget Label = Label1 ; Label2 ; Label3 ; dan seterusnya


B. Widget Blog Arsip = BlogArchive1 ; BlogArchive2 ; BlogArchive3 ; dan seterusnya


C. Widget Profil Blogger = Profile1 ; Profile2 ; Profile3 ; dan seterusnya


5. Sebagai contoh, saya akan membuat scroll pada widget BlogArchive1.
6. Cari kode ]> dengan menggunakan Ctrl + F
7. Kemudian, letakkan kode berikut di atas kode ]]>


#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}

Yang perlu di perhatikan :
  • BlogArchive1 adalah ID dari widget label. Ganti dengan ID widget yang ingin anda buat scroll
  • height:200px; adalah tinggi dari widget scroll. Ganti dengan tinggi widget scroll yang anda inginkan
8. Susunan lengkapnya akan menjadi seperti di bawah ini

#BlogArchive1 .widget-content{
height:200px;
width:auto;
overflow:auto;
}
]]>

Selamat mencoba..n sukse..??
Enter your email address to get update from Ngeblog-Bareng.
Print PDF
Next
« Prev Post
Previous
Next Post »

1 komentar:

Peraturan Berkomentar :
1. Dilarang melampirkan link aktif
2. Dilarang menampilkan link nonaktif

Copyright © 2013. Ngeblog-Bareng - All Rights Reserved Template Created by Kompi Ajaib Proudly powered by Blogger