Minggu, 20 November 2011
| 08.01
Slide Menu horisontal ini saya buat dengan menggunakan kode CSS dan beberapa kode HTML tanpa menggunakan kode javascript ataupun jQuery, sehingga menu ini akan bekerja lebih ringan.
OK... bila anda berminat memasang tombol ini, silahkan anda bisa ikuti langkah - langkah dibawah ini :
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Seperti biasa alangkah baiknya setiap edit Html, Download dulu Template Lengkap (back-up Template) agar template aman, bila terjadi kesalahan.
5. Jangan lupa Klik tombol "Expand Widget Templates"
6. Cari kode di bawah ini atau yang mirip dengan kode ini :
7. Copy kode dibawah ini dan paste sebelum kode </head>:
8. Copy kode dibawah ini dan paste setelah kode diatas :
Catatan :
- Teks merah adalah ULR Icon yang ada pada setiap menu. Silahkan anda bisa ganti ULR dan Iconnya sesuai dengan menu yang anda buat.
- Sebagai refrensi, anda bisa dapatkan macam - macam bentuk icon di http://dryicons.com/free-icons/
- Anda bisa menambah dan mengurangi jumlah item menu, sesuai kebutuhan anda, tapi disesuaikan dengan lebar area yang ada.
10. Copy kode dibawah ini dan paste setelah kode <data:post.body/>:
- Bila sudah menggunakan fasilitas "read more" letakkan kode <data:post.body/> setelah kode yang kedua.
- Teks warna BIRU pada kode ini harus sama dengan teks warna BIRU yang ada pada kode diatas
Oh iya.... menu ini juga bisa diletakkan dimana saja seperti tab menu dibawah header.
Selamat mencoba dan Semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.
Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda gunakan tombol berlangganan artikel yang ada disebelah kanan halaman ini, atau melalui tombol dibawah ini.
color picker interaktif dilihat dari bentuk dan fungsinya memang sangat berbeda dengan tabel kode warna yang saya bahas pada waktu yang lalu dalam artikel cara buat tabel kode warna.
tabel kode warna yang ini lebih interaktif dan lebih banyak fungsinya, diantaranya adalah kita dapat menyesuaikan warna dengan menyeret panah keatas dan kebawah pada bar warna sebelah kanan, dan dapat menyesuaikan saturation dengan menarik lingkaran kecil disekitar area gradasi. dan pada kotak output disebelah bawah selain muncul kode color hex, juga kode color rgb, dan nilai-nilai hsv, serta dilengkapi sebuah kotak warna yang muncul sesuai dengan warna yang ada pada area gradasi ketika lingkaran kecil ditempatkan pada posisi tertentu.
bentuk tampilan tab menu accordion ini sangat menarik, sangat bagus bila kita pasang pada web atau blog kita. tab menu accordion ini dilengkapi dengan efek animasi sliding. yaitu animasi sliding yang bekerja ketika kita mengklik pada salah satu tab menu accordion, maka ketika itu pula muncul sebuah kotak bergerak kebawah yang berfungsi menampilkan sebuah dokumen informasi singkat tentang link yang kita klik tadi.
fitur css memungkinkan kita untuk membuat banyak hal khususnya membuat tampilan halaman web ataupun blog menjadi lebih menarik. pada waktu yang lalu saya sudah banyak mengulas tentang fitur css dan contoh - contohnya. kali ini saya akan berikan contoh lagi tentang bagaimana kita membuat gambar memutar menggunakan css transitions. cara kerjanya sangat sederhana, yaitu ketika pointer mouse diletakkan diatas gambar maka secara otomatis gambar akan memutar dan membesar.
saat ini sudah bukan hal yang baru lagi, orang mengakses internet menggunakan hp. hal ini karena selain hp sudah dilengkapi fitur gprs atau 3g, tapi karena memang sudah banyak situs yang menggunakan fasilitas tersendiri sehingga dapat lebih mudah dan cepat diakses menggunakan hp, misalnya seperti facebook, twitter, yahoo, google, dan lain - lain.
disqus adalah platform komentar yang membantu membangun komunitas yang aktif dari pengunjung web atau blog kita. forum komentar ini memiliki banyak fitur dan bisa digunakan pada banyak platform seperti wordpress, blogger, tumblr dll, sama seperti forum komentar intensedebate
forum komentar intensedebate memiliki banyak fitur menarik dibanding dengan forum komentar default milik blogger. forum komentar intensedebate bisa digunakan pada banyak platform seperti wordpress, blogger, tumblr dll.
Postingan
