MEMBUAT MENU DENGAN FUNGSI SCROLL (MENGGULUNG) YANG MUDAH

Bagi teman-teman blogger pasti suka kalau blognya keren khan??? YUpz tentu saja… tapi kadang, kita dipusingkan oleh daftar menu yang panjang di sidebar…




Tapi sobat gak usah khawatir, kita dapat menyiasatinya dengan membuat menu yang memiliki fungsi scroll (menggulung). Umumnya menu ini di pasang untuk daftar link sahabat (blogroll) atau menu tertentu seperti yang ada di blogku pada bagian kanan atas. Liat khan? kira-kira kalau tidak diberikan fungsi scroll, gimana jadinya yagh? Bisa-bisa penuh satu halaman… hehehehe….

Jadi, buat sobat yang juga ingin membuat menu dengan fungsi scroll seperti punyaku gampang aja koq…
Dan yang menariknya untuk membuat fungsi scroll ini semudah memasang widget biasa, Cuma sedikit diberikan variasi… Langsung aja di bawah cara membuat menu scrollnya:
1. Login dulu ke blog sobat, lalu pilih layout atau rancangan..
2. klik tambah gadget di mana sobat ingin membuat menu…
3. Pilih HTML/javascript
4. Masukkan kode scrollnya di bawah ini:

MENU DI BLOG INI

  • 1. <a href="http://imranxrhia.blogspot.com/2010/12/tips-dan-trik-menjawab-soal-soal-tes.html” target=”_blank”>TIPS DAN TRIK MENJAWAB SOAL-SOAL TES CPNS

  • Terakhir save. Selesai..

    keterangan:





    overflow:auto adalah kode untuk penggulung halaman jika isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan sebelumnya.

    width:280px adalah lebar bidang atau menu yang ingin kita buat, dalam hal ini adalah sebesar 280 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).

    height:200px adalah tinggi bidang atau menu yang ingin kita buat, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px.

    padding:10px adalah jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman atau menu, nilai ini tentu saja bisa di ubah sesuai keinginan kita. misal : padding:5px.

    border:1px solid #00FFFF adalah garis pada pembatas setiap sisinya, #00FFFF untuk kode warna biru


    ( http://imranxrhia.blogspot.com/2010/12/tips-dan-trik-menjawab-soal-soal-tes.htmldi isi dengan alamat yang ingin di tuju. Dan TIPS DAN TRIK MENJAWAB SOAL-SOAL TES CPNS ) adalah nama tampilannya.

    About imranxrhia

    saya hanya orang biasa, yang tinggal di rumah biasa. Di daerah yang biasa dan di negara yang sangat biasa.Tetapi saya berusaha untuk melakukan hal yang luar biasa. ^_^

    Posted on 23 February 2011, in Tips Blog. Bookmark the permalink. 4 Comments.

    1. Terimakasih, mudah dimengerti,…. ternyata kuncinya cuma pada stylenya yeah… sekali lagi thank berat…. moga sukses

    2. @Ana nie: yupz… memang gampang dan stylenya saja yang disesuaikan

    3. Nice..
      Kunjungi blog ku juga di fhasixteen-tutorial.blogspot.com

      blg ku membahas tentang tutorial, tips dan trik serta download software gratis .

      Info My ALEXA Rank (744.516)

    4. @alfa paila: thankz gan atas kunjunganx…
      Blogmu jg bagus banget

    Leave a Reply

    Fill in your details below or click an icon to log in:

    WordPress.com Logo

    You are commenting using your WordPress.com account. Log Out / Change )

    Twitter picture

    You are commenting using your Twitter account. Log Out / Change )

    Facebook photo

    You are commenting using your Facebook account. Log Out / Change )

    Google+ photo

    You are commenting using your Google+ account. Log Out / Change )

    Connecting to %s

    %d bloggers like this: