Menu animasi ini jauh dari bersifat program js/ javascript dan tidak menggunakan penyimpanan kode kecuali di blogger sendiri sehingga tidak memberatkan blog sama sekali. Menu Animasi dibuat dengan kode CSS dan HTML, hanya saja kemungkinan beberapa browser lama belum mendukung. Animasi menu ini sudah di uji dan bekerja normal di browser terbaru Mozilla Firefox dan Google Chrome.
Untuk lebih bagusnya silahkan diganti latarnya dengan gambar kesukaan, boleh jpg, png, ataupun gif. cuma yang harus diperhatikan adalah ukuran gambar/Kb nya jangan terlalu besar agar tidak menghabiskan bandwith maupun memberatkan blog sobat nantinya. lihat demo dibawah.
OK, berikut adalah langkah-langkah membuat menu animasi dengan CSS.
Sebaiknya back-up dulu tempate blog sebagai cadangan jika terjadi error.
Salin salah kode CSS di bawah kemudian simpan bersama-sama dengan kode CSS yang lain (pada Blogspot biasanya disimpan di atas tetapi kode ]]></b:skin (<style type="text/css> dan </style>) di bawah dihapus (tidak perlu dikopikan). Kode CSS dapat juga disimpan di bagian Widget blog dengan cara Add Gadgate, atau diletakan pada posting pada mode HTML (bukan pada mode Compose). Untuk kedua opsi terakhir kode <style type="text/css> dan </style> harus ikut dikopikan.
Salin kode HTML di bawah dan tempatkan sesuai kebutuhan, misalnya pada widget atau pada posting.
Ganti Home, About, Contact, Downloas, dan Privacy beserta URL masing-masing sesuai link yang besangkutan
Simpan dan publikasikan/ terbitkan.
Selesai
Silahkan masukkan komentar
Menu Animasi Berputar dan Membesar silahkan pilih salah satu di bawah ini
Tidak ada komentar:
Posting Komentar