Membuat Cursor Animasi Blog by jefry

Membuat Cursor Animasi Blog by jefry

3:12 AM prase 5 comments

Dikutip oleh masenchipz dari sumber : Membuat Cursor Animasi (Kang Rohman)
Untuk membuat sebuah kursor animasi, langkah pertama yang harus di lakukan adalah membuat sebuah gambar animasi yang berukuran kecil, untuk yang ini terserah kepada keahlian sobat, banyak software pembuat animasi semisal macromedia flash dan kawan-kawannya.

Sebuah pertanyaan baru mungkin muncul yaitu bagaimana apabila kita tidak menguasai program animasi, kan jadi ribet persolaannya. Jika sobat tidak bisa membuat sebuah gambar animasi untuk di pakai, jangan dulu putus harapan. Sobat bisa mencarinya di internet, ratusan atau bahkan ribuan situs menyediakan layanan ini. Caranya sangat mudah, sobat bisa mencarinya lewat search engine yang ada di sebelah kanan atas blog ini. Tuliskan keyword yang berhubungan, misal : Free cursor animated, cursor animation, Free cursor animated atau keyword lainnya yang di rasa berhubungan dengan yang namanya kursor animasi. Silahkan kunjungi situs yang muncul, barangkali sobat akan menemukan situs yang tepat.
Langkah kedua yaitu menyimpan file animasi yang sudah sobat dapatkan ke hosting tempat menyimpan gambar, contoh : http://www.photobucket.com atau di blogger sendiri juga bisa. Untuk cara-cara mengupload gambar sudah saya terangkan, silahkan baca kembali di sini apabila sobat masih belum bingung mengenai cara upload gambar. Apabila gambar animasi sudah si upload, catat alamat gambar tersebut. Sebagai contoh, saya mempunyai gambar cursor berbentuk naga terbang dengan alamat sebagai berikut :
http://24rohman.googlepages.com/dragon3.ani
Langkah selanjutnya adalah menyisipkan kode untuk kursor. Kode untuk membentuk kursor adalah sebagai berikut :
cursor: url(”alamat gambar kursor”);
Sebagai contoh, jika saya menggunakan alamat kursor yang saya miliki, kode nya jadi seperti ini :
cursor: url(”http://24rohman.googlepages.com/dragon3.ani”);
Langkah selanjutnya yang harus di lakukan adalah memasukan kode di atas ke dalam kode template sobat, agar lebih mudah untuk di pahami, saya tuliskan langkah-langkahnya :
# Untuk template klasik
1. Sign in di blogger.
2. Klik menu Template
3. Klik menu Edit HTML
4. Copy seluruh kode template yang ada, lalu save untuk backup data
5. Cari kode yang mirip dengan kode di bawah ini, biasanya di tulis dengan body :

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :

body{
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
cursor: url(”http://24rohman.googlepages.com/dragon3.ani”);
}

7. Klik tombol Simpan Perubahan Template
8. Selesai. Silahkan lihat hasilnya.
# Untuk template baru
1. Sign in di blogger
2. Klik menu Layout
3. Klik menu Edit HTML
4. Klik link Download template seluruhnya, save dulu untuk backup biar aman
5. Cari kode yang mirip dengan kode dibawah, biasanya di tulis dengan body :
body { background:$bgcolor; margin:0; color:$textcolor; font:x-small Georgia Serif; font-size/* */:/**/small; font-size: /**/small; text-align: justify; }
6. Sisipkan kode kursor di dalam kode tadi, sehingga seperti ini :

body {
background:$bgcolor;
margin:0;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: justify;
cursor: url(”http://24rohman.googlepages.com/dragon3.ani”);
}

7. Klik tombol Simpan Template
8. Selesai. Silahkan lihat hasilnya.
Atau ada juga cara lain, yaitu di tempatkan di dalam kode , sobat tinggal menyisipkannya sehingga kodenya jadi seperti ini :
Saya rasa cukup deh, selamat menikmati animasinya.

mengistal

Langkah – langkah untuk menginstal Dreamweaver 8 dapat dilakukan dengan cara sebagai berikut:

Tampilan awal instalasi Dreamweaver 8 Setelah tampil seperti gambar diatas.

klik next untuk melanjutkan instalasi ke tahap berikutnya sampai tahap memilih jenis-jenis bahasa pemrograman yang akan digunkan . Seperti gambar dibawah ini.

Tampilan pemilihan bahasa pemrograman yang akan dipakai 

Setelah memilih bahasa pemrograman yang akan digunakan di Dreamweaver 8. Selanjutnya ke tahap proses instalasi. Setelah proses instalsi selesai, maka akan tampil gambar seperti dibawah ini.

Tampilan akhir proses instalasi dreamweaver 8 > klik finis > proses instalasi selesai.... 

fungsi tool dreamweaver

menu bar : berisi semua perintah yang dapat digunakan untuk bekerja pada Dreamweaver.

Insert bar : mengandung tombol-tombol untuk menyisipkan berbagai macam objek seperti image , tabel, dan layer ke dalam dokumen Document window : menampilkan dokumen dimana anda sedang bekerja

Document tool bar : berisi tombol-tombol dan menu pop-up yang menyediakan tampilan berbeda dari document window

Files panel : memperlihhatkan group fileberdasarkan site yang sedang dikerjakan

Tag selector : -menampilkan hierarki tag di sekitar pilihan yang aktif pada desain view
-untuk memilih komponen atau obyek pada web page kita

Property inspector : melihat dan mengubah properti dari objek dan teks

Panel group : beberapa panel yang digunakan sebagai window pembantu untuk bekerja di Dreamweaver
Terdapat lima buah panel yaitu Design, Code, Application, Tag Inspector dan Files.

Site panel : mengatur file dan folder yang membentuk situs web anda

Panel Design berisi format-format CSS yang ada pada dokumen yang sedang dikerjakan.

panel code berisi semua penjelasan dari tag-tag HTML dan cara penggunaanya.

panel Files berisi semua files (html, image, swf) jika anda telah