Membuat Menu Scroll di Blogger
15.24 Diposting oleh darksabda
Anda tau kan fungsi scroll, itu tu.. yang bisa di tarik ke atas ato ke bawah. Fungsi Scroll ini biasanya digunakan untuk menghemat pemakaian halaman blog, selain itu konon kabarnya lebih indah dipandang mata.
Misalkan anda menampilkan Link-link sahabat anda atau untuk menu daftar isi, ya kalo cuma 3 ato 4 link mungkin belum terlihat memenuhkan halaman blog, kalo linknya udah puluhan apalagi ratusan, kan rame jadinya
Atau anda membuatdaftar isi seluruh judul-judul postingan anda, kalo dah ratusan judul maka daftar halaman anda akan menyita tempat yang banyak sekali.
Nha untuk itu berikut ini tips untuk membuat menu scroll tersebut
(Untuk para master mohon petunjuknya jika salah, maklum msh belajar, he..)
1. Masuk ke account blogger anda
2. Trus pilih layout ato tata letak
3. Pilih tambah gatged
4. Kemudian pilih tambah HTML
COPAS kode berikut ini :
<div style="overflow:auto;width:175px;height:100px;padding:10px;border:1px solid #eee">
Dan di akhir halamannya di tambahkan kode
height:100 dapat anda tukar dengan tinggi halaman yang anda inginkan
Contohnya seperti ini :
<div style="overflow:auto;width:175px;height:100px;padding:10px;border:1px solid #eee">
Jangan lupa untuk klik save.
Selamat Mencoba
Misalkan anda menampilkan Link-link sahabat anda atau untuk menu daftar isi, ya kalo cuma 3 ato 4 link mungkin belum terlihat memenuhkan halaman blog, kalo linknya udah puluhan apalagi ratusan, kan rame jadinya
Atau anda membuatdaftar isi seluruh judul-judul postingan anda, kalo dah ratusan judul maka daftar halaman anda akan menyita tempat yang banyak sekali.
Nha untuk itu berikut ini tips untuk membuat menu scroll tersebut
(Untuk para master mohon petunjuknya jika salah, maklum msh belajar, he..)
1. Masuk ke account blogger anda
2. Trus pilih layout ato tata letak
3. Pilih tambah gatged
4. Kemudian pilih tambah HTML
COPAS kode berikut ini :
<div style="overflow:auto;width:175px;height:100px;padding:10px;border:1px solid #eee">
Dan di akhir halamannya di tambahkan kode
</div>
width:175 dapat anda tukar dengan lebar halaman yang anda sukai.
width:175 dapat anda tukar dengan lebar halaman yang anda sukai.
height:100 dapat anda tukar dengan tinggi halaman yang anda inginkan
Contohnya seperti ini :
<div style="overflow:auto;width:175px;height:100px;padding:10px;border:1px solid #eee">
<a href="http://summarytips.blogspot.com/2009/09/piano-teaching-tips-have-your-own.html"/>Piano Teaching Tips Have Your Own</a><br/>
<a href="http://summarytips.blogspot.com"/>World Tips/</a><br/>
</div>
Jangan lupa untuk klik save.
Selamat Mencoba
0 komentar:
Posting Komentar