Dengan menggunakan CSS3, metode ini dapat menghasilkan sebuah daftar menu dengan style Rak Buku.

Pada prinsipnya, saat hover diatas Rak buku, buku yang dipilih akan melayang diatas Rak digantikan sebuah buku dengan sampul tertutup. Untuk membuka dan menampilkan isi buku, anda dapat hover kembali pada sampul yang tertutup tersebut.

Hai sobat blogger pada posting kali saya akan memberitahukan cara Membuat Pure CSS3 Content Slider. Slide ini saya dapat dari CSSDESK.

Left Rocket Dock Menu ini tampil melayang disebelah kiri blog. Ukuran dari menu ini cuma 3kb, jadi tidak terlalu membebani loading blog. Nah bagi sobat yang mau memasang langsung aja copy kodenya dibawah ini, atau kalau kurang puas lihat dulu demonya pada link dibawah ini.

Pembuatan menu tersebut hanya menggunakan kode CSS praktis bukan.Menurut saya kode css tidak terlalu menambah beban loading blog asalkan kode tersebut tidak terlalu rumit.

• Types
  
  
  • European
  • Indian
  • North Africa
  • American >
    
    
    • South American
    • North American
      
      
      • Grey tree frog
      • Green tree frog
      • Spring peeper
      
      
    
    
  • Japanese
  • Chinese
  
  
• Classifications
  
  
  • Pelodryadinae >
    
    
    • Cyclorana
    • Litoria
    • Nyctimystes
    
    
  • Phyllomedusinae >
    
    
    • Agalychnis
    • Cruziohyla
    • Hylomantis
    • Pachymedusa
    • Phasmahyla
    • Phrynomedusa
    • Phyllomedusa
    
    
  • Hemiphractinae >
    
    
    • Cryptobatrachus
    • Flectonotus
    • Gastrotheca
    • Hemiphractus
    • Stefania
    
    
  • Hylinae >
    • Acris
    • Anotheca
    • Bokermannohyla
    • Corythomantis
    • Ecnomiohyla
    • Hyloscirtus
    • Megastomatohyla
    • Osteocephalus
    • Pseudacris
    • Sphaenorhynchus
    • Trachycephalus
    
    
  • Rhacophorinae >
    
    
    • Boophis
    • Callixalus
    • Chiromantis
    • Cryptothylax
    • Mantidactylus
    • Rhacophorus
    
    
  • Buergeriinae >
    
    
    • Buergeria
    
    
  
  
• References
  
  
  • Wikipedia
  • Encyclopedia
  
  
• Links
  
  
  • Complete treefrogs
  • Old World treefrogs
  • Amphibian Species

Selamat beraktifitas sobat , semoga dalam keadaan sehat semuanya. Masih juga tentang CSS terus yang saya share kali ini. Nah untuk contohnya arahkan kursor sobat pada demo diatas.

Coba arahkan kursor kamu pada demo Css Menu Drop Down diatas. Bagaimana? Tertarik pengen memasang menu ini. Namun untuk menu ini tidak mau nyuport sama template bawaan blogger. Jadi usahakan pasang menu ini pada template selain template pemberian blogger.

Untuk melihat hasil dari kode CSS diatas silahkan klik demonya. Klik saja pada menu @Theme Windows Xplore , @Tebak-tebakan Narsis atau @Tips & Tricks, Bagaimana jelek ya ??? hehee...