Buat Side Menu

Diposting oleh Street Spirit | 00.23

Pada postingan kali ini aku akan mengetengahkan (emang nyamping) bagaimana membuat Side Menu. Kebanyakan menu berada di atas, tetapi ini berada di samping. Selain itu menu ini akan keluar secara slide jika kamu menunjuk menu ini dan akan melayang walo kamu men-scroll down halaman blog. Hal ini akan mempermudah pengunjung dan pembaca blogmu untuk melihat menu tanpa harus kembali ke atas. Contoh bisa kamu lihat dan check di samping kiri blog ini!
Jika kamu tertarik untuk membuatnya, silakan ikuti jejak di bawah ini:

Jejak 1
Download file menu.zip ini, di mana terdapat 2 file .js yaitu ssm.js dan ssmItems.js

Jejak 2
Buka file "ssmItems.js" dengan text editor (misal dengan notepad) untuk mengedit style menu dan linkmu

Jejak 3
Upload kedua file .js (ssm.js dan ssmItems.js yang telah kamu edit) tersebut ke webpage directory (misal googlepages)

Jejak 4
Login ke blogger > lay out > edit html > [v] expand widget

Jejak 5
Masukkan kode di bawah <head>

<style type="text/css">
<!--
A.ssmItems:link {color:black;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</style>

<SCRIPT SRC="ssm.js" language="JavaScript1.2">

//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/)
//Updated July 8th, 03' for doctype bug
//For full source, and 100's more DHTML scripts, visit http://www.dynamicdrive.com

</SCRIPT>

<SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT>

Jejak 6
Ok, itu saja. Mudah kan?

Keterangan:
Kamu bisa mengubah warna sesukamu dengan mengganti tulisan "black".
Ganti warna biru dengan alamat ssm.js dan ssmItems.js yang telah kamu upload. OK, simpan deh template.

58 komentar
  1. Anonim 24 Agustus 2008 pukul 23.48  
    Komentar ini telah dihapus oleh administrator blog.
  2. Anonim 24 Agustus 2008 pukul 23.49  

    Really cool post. Btw, mau tanya, kok kotak kometar ini ga berhasil ya dijalanin di blog saya? udah di kotak katik tetep ga bisa... apa masalah templatenya?

  3. Anonim 25 Agustus 2008 pukul 15.02  

    Keren nih tipsnya.. thanks.

  4. Anonim 25 Agustus 2008 pukul 15.04  

    Thanx buat semuanya telah berkomentar disini

  5. Anonim 25 Agustus 2008 pukul 15.05  

    makasih bro... selain da tips PDA, ada tips blognya juga rupanya,, kerennnnn.

  6. Anonim 25 Agustus 2008 pukul 15.17  

    @ hpapplication > sama-sama bro....

  7. Anonim 25 Agustus 2008 pukul 16.34  

    mantafff... pengen nih.. biki side menunya

    Entr coba ah.. maksih ya mas

  8. Anonim 25 Agustus 2008 pukul 18.36  

    wow keren nih bro......tp gw tetep dengan konsep sederhana nan putih aja bro... tp good info wokkeh

  9. Anonim 26 Agustus 2008 pukul 11.10  

    @ Rofi > Ok, ga masalah Rofi, karena blogmu adalah pribadimu. Btw thx komentarnya

  10. Anonim 4 September 2008 pukul 21.52  

    wah keren-keren coba liat di blog saya,jadinya bagus.

    Klik Disini

  11. Anonim 10 September 2008 pukul 16.12  

    mo nyoba ah...

  12. Anonim 12 September 2008 pukul 11.01  

    @ Agung > ok mas agung, siap meluncur
    @ alief > silakan mencoba mas alief, semoga sukses

  13. Anonim 14 September 2008 pukul 13.51  

    Dari tadi blom ada yg nyebut kata Pertamaxxx, saya duluan deh. PERTAMAXXX.
    BTW, ini untuk blogger kan ? Kalo wordpress belom ada ya ?

  14. Anonim 14 September 2008 pukul 20.32  

    @ Ridho > bisa aja dicoba langsung, soale saya belum nyoba untuk wordpress.

  15. Alami 69 16 Desember 2008 pukul 15.20  

    saya udah coba side menunya tapi kenapa jalan/reaksinya lambat, mohon penjelasannya. tq

  16. Anonim 18 Desember 2008 pukul 14.44  

    @ Doni Putra > dah ikuti caranya kan mas? mungkin karena pengaruh dari koneksi. kadang miliku juga gitu. karena ga ada set cepat ato lambat.

  17. Anonim 19 Desember 2008 pukul 14.43  

    buat wordpress bisa juga gag???

  18. Anonim 22 Desember 2008 pukul 11.40  

    @ qoe2hhh > belum coba di wordpress mas.

  19. RiRinZzz.. 30 Desember 2008 pukul 20.13  

    hallo, pnya saya di coba2 trs kok ga bisa2 y?

  20. Nama : Julio Reinaldo Latidjan 30 Desember 2008 pukul 21.18  

    mau nny, saya ga bisa, saya c hosting di 4shared apa ngaruh? tlng kasi saran sebaikna hosting dmn,,dan kalu berkenan, tlong kunjungi blog saya dan liat page sourcenya apakah sudah benar,,saya sudah melakukan langkah it 2 kali..mhon bantuan..

  21. ase alumni tkj smkn 1 purwodadi 20 Januari 2009 pukul 22.23  

    mas gimana cara mengganti isi yang ada di dalam side menu????

  22. Anonim 21 Januari 2009 pukul 14.40  

    @ ririnzzz > ga bisanya kenapa mbak?

    @ Julio > aku dah liat diblogmu, ternyata dah berhasil tu... siip deh

    @ afif > ada file javascript (js) yang bisa anda download di menu.zip (di posting). nha, yang anda edit adalah file js tersebut. trus file hasil edit tersebut anda upload.

  23. @LiYaNNuaR ツ 17 Februari 2009 pukul 15.33  

    cuba mbuatnya.. namun x mjadikkk...

  24. Dendy Putra Delly 12 April 2009 pukul 14.51  

    Dendy :
    Om saya dah coba kok tetep gk bisa jalan ya ?
    saya pakai ripway untuk webhostingnya. apakah ngaruh. coba anda cek di blog saya ya. terima kasih. maklum masih pemula.

    trytogetbetter.blogspot.com

  25. Tips Blogging 13 April 2009 pukul 00.56  

    @ Dhen > kayaknya pengaruh mas, soale side menu ini untuk blogger alias blogspot aja. untuk wordpress beda lagi.

  26. Dendy Putra Delly 13 April 2009 pukul 17.59  

    klo we hostingnya ngaruh gak ?

  27. Tips Blogging 16 April 2009 pukul 15.56  

    @ Dhen > coba aja dulu, tapi sebelumnya backup dulu blognya.

  28. ✿..ⓕⓘⓩⓩⓐ..✿ 8 Mei 2009 pukul 11.44  

    macam mana nak upload ke webpage directory. boleh ajar? saya x pandai.

    fizza..
    malaysia..

  29. Tips Blogging 8 Mei 2009 pukul 11.52  

    @ fizza > begini, anda punya account gmail? jika anda punya, anda bisa upload file ke www.googlepage.com
    tinggal log in dengan account gmail anda.

  30. Tips Blogging 8 Mei 2009 pukul 11.54  

    @ fizza > maaf yang tadi kurang s, mestinya
    www.googlepages.com

  31. ✿..ⓕⓘⓩⓩⓐ..✿ 8 Mei 2009 pukul 12.09  

    bila saya log in keluar :

    Google Page Creator is no longer accepting new sign-ups.

    If you would still like to create your own free website, please use Google Sites.

    Learn more about this change.

    ** what should i do..

  32. Tips Blogging 8 Mei 2009 pukul 23.14  

    @ fizza > tidak masalah, anda masih bisa tetap log in. Mohon diperhatikan dalam mengartikan log in dll. Log in artinya masuk, log out (keluar), sign up (daftar/ register).Google Page Creator tidak berapa lama lagi tidak akan menerima pendaftaran baru. Kenapa, setalah saya baca penjelasannya Google Page Creator akan di tingkatkan menjadi Google Sites di mana sekarang dalam tahap pengembangan. google sites akan lebih lengkap dibanding google page creator. Ato anda bisa juga memakai Google Sites tersebut.

  33. wiendro 23 Juli 2009 pukul 13.53  

    terimakasih atas artikelnya.
    mau coba praktekin dulu.

  34. Tips PDA 24 Juli 2009 pukul 11.02  

    @ wiendro > silakan dicoba

  35. baby blog money 1 November 2009 pukul 19.52  

    mantaph banget blognya gan
    lanjutin ya share tips2 mantaphnya

  36. Tips Blogging 2 November 2009 pukul 09.39  

    @ Baby > sebenere pengen terus bos, tapi sibuk bgt ne....

  37. Anonim 16 November 2009 pukul 16.04  

    makasih bgt ya infonya

    by : www.anjinggoblog.co.cc

  38. Tips Blogging 18 November 2009 pukul 14.35  

    @ anjinggoblog > sama-sama bos

  39. rachmad tatawarna 29 November 2012 pukul 13.32  

    makasih infonya membantu sekali.... bisa saya coba gan :D

  40. Unknown 7 Juli 2014 pukul 14.58  

    Salam kenal gan artikelnya ok & bermanfaat Jangan lupa juga kunjungi situs kami tentang...obat sipilis pada wanitacara mengobati penyakit sipilis pada wanitaobat herbal penyakit sipilis pada wanita

  41. Unknown 7 Juli 2014 pukul 21.36  

    Salam kenal gan artikelnya ok & bermanfaat Jangan lupa juga kunjungi website kami yang membahas tentang...obat sipilis pada wanitaobat herbal sipilis pada wanita yang manjurobat tradisional sipilis pada wanita yang ampuh

  42. Unknown 10 Juli 2014 pukul 15.19  

    Salam kenal gan artikelnya ok & bermanfaat Jangan lupa juga kunjungi website kami yang membahas tentang...obat sipilis pada wanitaObat Alami Penyakit Sipilis Pada WanitaMerk Obat Alami Penyakit Sipilis Pada Wanita

  43. Hidup Sehat Alami 16 Juli 2014 pukul 15.16  

    Salam kenal gan artikelnya ok & bermanfaat Jangan lupa juga kunjungi situs kami tentang...Obat Alternatif Sipilis Pada Wanita Di ApotekNama Obat Alternatif Sipilis Pada Wanita

  44. Bobby 16 Juli 2014 pukul 18.43  

    Wewww... mantaf gan artikelnya keren abiis... jangan lupa kunjungi situs kami ya gan yang membahas tentang penyakit kelamin... ~ obar sipilis pada pria rumah ~ obar sipilis pada pria rumah ~ obar sipilis pada pria rumah ~ obar sipilis pada pria rumah ~ obar sipilis pada pria rumah ~ obar sipilis pada pria rumah ~ obar sipilis pada pria rumah ~ obar sipilis pada pria rumah ~ obar sipilis pada pria rumah

  45. Hidup Sehat Alami 21 Juli 2014 pukul 20.44  

    Ok Artikelnya gan tambah cinta aje nih ane ma ni blog Jangan lupa juga yee kunjungi situs kami yg ngebahas...Obat Sipilis Pada Wanita Obat Alami Sipilis Pada Wanita obat Alami penyakit sipilis pada wanita obat tradisional sipilis pada wanita Alami obat alami untuk sipilis pada wanita di apotik obat penyakit sipilis pada wanita Alami Jual obat sipilis pada wanita Alami obat ampuh sipilis pada wanita Alami nama obat alami untuk sipilis pada wanita

  46. Hidup Sehat Alami 22 Juli 2014 pukul 12.15  

    Betah rasanya baca artikel agan berulang ulang gan Jangan lupa kunjungi situs kami juga yg ngebahas tentang...Obat Sipilis Pada Wanita Obat untuk Sipilis Pada Wanita obat untuk penyakit sipilis pada wanita obat tradisional sipilis pada wanita Alami obat manjur untuk sipilis pada wanita obat penyakit sipilis pada wanita Alami Jual obat sipilis pada wanita Alami merk obat yang manjur penyakit sipilis pada wanita Alami nama obat yang manjur untuk sipilis pada wanita

  47. cek toko sebelah 22 Juli 2014 pukul 22.23  

    Busyet nih web artikelnya keren keren Jangan lupa juga yee bang kunjungi situs kami yg ngebahas...Obat Sipilis Pada Wanita ciri ciri penyakit sipilis pada wanita cara sipilis pada wanita gambar sipilis pada wanita sipilis pada wanita hamil kumpulan obat sipilis pada wanita artikel obat sipilis pada wanita Alami resep obat sipilis pada wanita cara menyembuhkan sipilis pada wanita tanaman obat alami untuk sipilis pada wanita

  48. cek toko sebelah 23 Juli 2014 pukul 17.02  

    Hmmm ok artikelnya Jangan lupa juga kunjungi situs kami yg ngebahas...Obat Sipilis Pada Wanita nama Obat Sipilis Pada Wanita Yang Ampuh merk Obat Sipilis Pada Wanita Yang Manjur jual Obat Sipilis Pada Wanita Yang Mujarab cari Obat Sipilis Pada Wanita Di Apotik toko Obat Sipilis Pada Wanita Di Apotek artikel Obat Sipilis Pada Wanita Yang Alami tips Obat Sipilis Pada Wanita Alami kumpulan Obat Sipilis Pada Wanita Cara Herbal apa Obat Sipilis Pada Wanita Dan Priapesan Obat Sipilis Pada Wanita Paling Manjurkirim Obat Sipilis Pada Wanita Paling Mujarab

  49. cek toko sebelah 25 Juli 2014 pukul 15.22  

    Hmmm ok artikelnya Jangan lupa juga kunjungi situs kami yg ngebahas...Obat Penyakit Sipilis Pada Wanita nama Obat Penyakit Sipilis Pada Wanita merk Obat Penyakit Sipilis Pada Wanita jual Obat Penyakit Sipilis Pada Wanita cari Obat Penyakit Sipilis Pada Wanita toko Obat Penyakit Sipilis Pada Wanita artikel Obat Penyakit Sipilis Pada Wanita tips Obat Penyakit Sipilis Pada Wanita kumpulan Obat Penyakit Sipilis Pada Wanita apa Obat Penyakit Sipilis Pada Wanita pesan Obat Penyakit Sipilis Pada Wanita beli Obat Penyakit Sipilis Pada Wanita

  50. Unknown 26 Juli 2014 pukul 18.18  

    Jangan lupa juga kunjungi situs kita yee gan yg ngebahas...Obat Penyakit Sipilis Pada Wanita nama Obat Penyakit Sipilis Pada Wanita Hamil merk Obat Penyakit Sipilis Pada Wanita Hamil jual Obat Penyakit Sipilis Pada Wanita Hamil cari Obat Penyakit Sipilis Pada Wanita Hamil toko Obat Penyakit Sipilis Pada Wanita Hamil artikel Obat Penyakit Sipilis Pada Wanita Hamil tips Obat Penyakit Sipilis Pada Wanita Hamil kumpulan Obat Penyakit Sipilis Pada Wanita Hamil apa Obat Penyakit Sipilis Pada Wanita Hamil pesan Obat Penyakit Sipilis Pada Wanita Hamil beli Obat Penyakit Sipilis Pada Wanita Hamil

  51. Hidup Sehat Alami 30 Juli 2014 pukul 21.05  

    Dari pada melamun malam malam meding baca baca artikel agan dah Tp Jangan lupa kunjungi situs kita juga yee gan yg ngebahas...Obat Penyakit Sipilis Pada Wanita nama Obat Alami Penyakit Sipilis Pada Wanita merk Obat Alami Penyakit Sipilis Pada Wanita jual Obat Alami Penyakit Sipilis Pada Wanita cari Obat Alami Penyakit Sipilis Pada Wanita toko Obat Alami Penyakit Sipilis Pada Wanita artikel Obat Alami Penyakit Sipilis Pada Wanita tips Obat Alami Penyakit Sipilis Pada Wanita kumpulan Obat Alami Penyakit Sipilis Pada Wanita apa Obat Obat Alami Penyakit Sipilis Pada Wanita pesan Obat Alami Penyakit Sipilis Pada Wanita beli Obat Alami Penyakit Sipilis Pada Wanita

  52. Hidup Sehat Alami 31 Juli 2014 pukul 17.02  

    Habis mandi ku buka website Sambil baca artikel agan nih Jangan lupa juga kunjungi situs kita yee gan yg ngebahas...Obat Penyakit Sipilis Pada Wanita nama Obat Penyakit Sipilis Pada Wanita Herbal merk Obat Penyakit Sipilis Pada Wanita Herbal jual Obat Penyakit Sipilis Pada Wanita Herbal cari Obat Penyakit Sipilis Pada Wanita Herbaltoko Obat Penyakit Sipilis Pada Wanita Herbal artikel Obat Penyakit Sipilis Pada Wanita Herbal tips Obat Penyakit Sipilis Pada Wanita Herbal kumpulan Obat Penyakit Sipilis Pada Wanita Herbal apa Obat Penyakit Sipilis Pada Wanita Herbal pesan Obat Penyakit Sipilis Pada Wanita Herbal beli Obat Penyakit Sipilis Pada Wanita Herbal

  53. Unknown 3 Agustus 2014 pukul 16.52  

    Ditunggu artikel lainnya gan Jangan lupa juga kunjungi situs kita yee gan yg ngebahas...Obat Penyakit Sipilis Pada Wanita nama Obat Penyakit Sipilis Pada Wanita Herbal merk Obat Penyakit Sipilis Pada Wanita Herbal jual Obat Penyakit Sipilis Pada Wanita Herbal cari Obat Penyakit Sipilis Pada Wanita Herbal toko Obat Penyakit Sipilis Pada Wanita Herbal artikel Obat Penyakit Sipilis Pada Wanita Herbal tips Obat Penyakit Sipilis Pada Wanita Herbal kumpulan Obat Penyakit Sipilis Pada Wanita Herbal apa Obat Penyakit Sipilis Pada Wanita Herbal pesan Obat Penyakit Sipilis Pada Wanita Herbal beli Obat Penyakit Sipilis Pada Wanita Herbal

  54. Bobby 15 Agustus 2014 pukul 16.27  

    Gan Artikelnya bagus mantaf gan ane demen... salam kenal ya gan... dan jangan lupa juga kunjungi situs kami yang membahas tentang penyakit kelamin semoga berkenan gan... ~ obat herbal penyakit sipilis pada pria ~ cara obat sipilis pada pria ~ artikel obat penyakit sipilis pada pria

  55. cek toko sebelah 20 Agustus 2014 pukul 10.29  

    Selamat pagi gan artikelnya mantap dah. Jangan lupa kunjungi juga website kita yg ngebahas tentang....Obat Alternatif Sipilis Pada Wanita Di Apotek Nama Obat Alternatif Sipilis Pada Wanita Merk Obat Alternatif Penyakit Sipilis Pada Wanita

  56. Unknown 25 Agustus 2014 pukul 16.42  

    Salam kenal gan...Artikelnya sangat bermanfaat..jangan lupa kunjungi situs kami juga yang membahas tentang herpes..tingkiyu gan... ~ Obat Herpes Herbal Sembuh Dalam Hitungan Hari ~ Obat Herpes Herbal De nature ~ obat herpes herbal de nature

  57. Hidup Sehat Alami 30 Agustus 2014 pukul 12.49  

    semoga artikelnya bermanffat bagi orang banyak gan seperti halnya juga artikel kami berikut ini mudah mudahan bermanfaat...Obat Sipilis Denature Obat Sipilis Obat Sipilis Untuk Wanita Obat Sipilis Untuk Wanita Denature Obat Sipilis ampuh Untuk Wanita Obat Sipilis manjur Untuk Wanita Obat Sipilis mujarab Untuk Wanita Obat Sipilis denature Untuk Wanita Obat Denature alamat Obat Sipilis Denature

  58. cek toko sebelah 21 Februari 2015 pukul 02.33  

    Senang mengunjungi website anda.....Obat Sipilis

Posting Komentar

Langganan: Posting Komentar (Atom)