Minggu, 13 Maret 2011

Cara Membuat Menu "Hubungi Saya"


Banyak yang bertanya - tanya bagaimana sih cara membuat menu sidebar???? Bagi yang belum menemukan solusinya pasti terus mencarinya dengan memanfaatkan enginer seperti Google,dan yahoo. Disini saya telah menyertakan tips cara mudah untuk membuat menu srolling, atau yang lebih sering disebut dengan menu sidebar. Dibutuhkan dua file untuk membuatnya yaitussm.js, yang satunya namanya ssmitem.js Untuk link download disini
"File yang saya berikan dalam bentuk rar. Oleh sebab itu, kamu harus meng-extrak-nya terlebih dahulu".

setelah di ekstrak, akan menghasilkan dua file (ssm.js & ssmItems.js) yang akan kita edit hanya filessmItem.js saja, buka file itu dengan menggunakan program teks editor tidak harus yang bagus-bagus NotePad saja sudah cukup.

Untuk Memulai mensetting menu ikuti langkah berikut:


1.Klik kanan pada file yang bernama ssmItems.js, kemudian pilih open with lalu pilih notepad.

2.Isi file ssmItem.js adalah sebagai berikut:



Kode-kode berikut adalah untuk mengatur tampilan menu hubungi saya,untuk lebih jelasnya baca baik-baik :




Baris
00.mengatur posisi menu pada baris y axis layar monitor (vertical)
01.mengatur posisi menu pada x axis layar monitor (horizontal)
02.untuk mengatur posisi vertical menu, pada layar monitor
03.kecepatan slide
04.waktu tunggu lamanya menu muncul setelah mouse menjauhi menu
05.untuk mengatur warna background menu, gunakan kolor picker dibawah posting ini untuk melihat kodenya
06.untuk men-set apakah menu harus tetap statis pada layar
07.Mengatur lebar menu. Harus kelipatan dari angka 10! Tanpa tanda kutip
08.jumlah kolom
09.jenis huruf header
10.ukuran huruf header
11.warna teks header. gunakan kolor picker dibawah posting ini untuk melihat kodenya
12.warna backround header. gunakan kolor picker dibawah posting ini untuk melihat kodenya
13.perataan teks header
14.perataan teks vertikal header
15.tinggi header
16.warna background bar. gunakan kolor picker dibawah posting ini untuk melihat kodenya
17.jenis huruf bar
18.ukuran huruf bar
19.warna huruf bar. gunakan kolor picker dibawah posting ini untuk melihat kodenya
20.perataan teks bar secara vertikal
21.lebar bar
22.kata2 yang akan muncul pada bar (hubungi saya)
23/24. ganti http://domain.com/gambarfoto.jpg danhttp://domain.com/gambaremail.jpg dengan url dimana kamu upload gambar foto dan gambar email.dan jangan lupa ganti kata-kata-kamu dengan yang kamu inginkan seperti "Ada pertanyaan hubungi".
26.buat menu


Catatan : " gambar harus berukuran 173X244 pixels

Jika sudah selesai mengedit file ssmItem.js simpan file tersebut, lalu upload-lah kedua file javascript itu ke server kamu, kamu bisa gunakan ripway.com atau sejenisnya.

Kalau sudah di upload, jangan lupa untuk meng_copy alamat URL kedua file tersebut.

Ini yang terpenting sekarang saatnya tahap installasi:
1. Login ke Blogger.com klik Layout/Tata Letak ----> Edit HTML
2. Cari Kode </head> Kalau sudah ketemu copy-Paste kode/Script berikut sebelum kode</head>

<script src='http://h1.ripway.com/Thekaje/ssm.js' type='text/javascript'/>
<script src='http://h1.ripway.com/Thekaje/ssmItems.js' type='text/javascript'/>

Silahkan ganti teks bercetak tebal dengan url dimana kamu upload file javascript-nya
3. Save dan lihat hasilnya.


Refrensi : Aindra


Artikel Terkait:


Tidak ada komentar:

Posting Komentar

Komentator Blog Ini