Langsung ke konten utama

Postingan

Menampilkan postingan dengan label anime7 CSS trick

Widget Toolbar Blog with JQuery (NavBar Plus)

Widget Toolbar Blog with JQuery (NavBar Plus) untuk blogger (blogspot) ini di buat berawal dari ketertarikan saya untuk mencoba memasang Strip Bar yang di adaptasi dari widget Wordpress dan berlanjut menjadi Menu Plus ala Anime7Graphic. Alhasil menjadikan sebuah Widget sederhana baru yang di beri nama Toolbar Navigasi menu Plus ala Anime7Graphic , widget ini menggunakan JQuery system untuk engine Interface nya dan sedikit improvisation Cascading Style Sheet (CSS). Widget Toolbar Blog with JQuery (NavBar Plus) ini sangat membantu sekali untuk menambahkan fasilitas [pada Blogspot] tambahan secara simple dan pastinya eye catching dan tidak memberatkan loading blog yang kaya akan fasilitas dan fitur. Untuk contohnya silahkan kawan test aja di NavBar blog ini (sejajar dengan navbar default blogspot). Dan untuk cara membuatnya Silahkan lihat kode d bawah! Sebelumnya Download keseluruhan Source Code navbar plus ini. Java Script jQuery versi 1.3.2/lates Thickbox Engine Code (Jika di butu...

Menu expand dan collapse

Membuat Menu Expand dan Collapse 2 hari kemarin ada salah satu teman blogger yang nanya soal cara membuat menu expand & collapse Waah sebetulnya saya agak keberatan nih soalnya saya bukan ahlinya dalam pembuatan menu dengan menggunakan bahasa CSS dan JavaScript. Meskipun begitu saya tidak mau mengecewakan temen saya itu (cie..) Sebelumnya saya tidak akan membahas banyak soal CSS dan JavaScript karena saya juga masih new bee. Dan sobat, teman, kawan semuanya bisa lihat dulu apa itu menu expand & collapse, contohnya ada di sidebar tengah sebelah bawah dekat footer. all right saya anggap semuanya sudah liat ya contoh menu expand & collapse. Sekarang kita mulai cara membuat menu nya: Di sini kita akan menemui 3 element penting untuk membuat menu tersebut: 1. CSS untuk style menu nya 2. JavaScript untuk behaviour/command fungsi tiap-tiap baris menu 3. Html untuk membuat kesemuanya bersatu dalam satu wadah dengan bantuan tag dan code html tetntunya. Pertama kita buat CSS nya: Co...