TBA Network News !

Directory

PlanetBlog - Komunitas Blog Indonesia
views

Tutorial Blogger
Cara membuat Efek Bubble dengan CSS

Admin | afridho
0
Efek Bubble Gambar dengan CSS




Taukah anda, bahwa menciptakan sesuatu yang manis diHTML itu adalah CSS. Itu dia, dengan semboyan itulah mari kita ulas bagaimana cara menciptakan sebuah kreasi yang hasilnya cukup memuaskan. Kali ini kita akan mempelajari bagaimana cara membuat efek Bubble dengan CSS, untuk lebih jelasnya dapat melihat DEMOnya diatas. Kalau sudah, berarti anda sudah tau ada 2 contoh expressi yang digunakan yang ke-1 dinamakan CSS Sprites karena hanya membutuhkan satu gambar saja dan yang ke-2 Image Swapping meiliki efek zoom normal. Nah, sekarang mari kita lihat tutorialnya. Check this out!

Tutorial Membuat Efek Bubble dengan CSS



(*) Login seperti biasa ke account Blogger anda.
(*) Setelah itu, Rancangan > Edit HTML

(*) Kalau sudah, anda harus memilih diantara ke-2 style tersebut yang mana yang akan anda tampilkan Bila kedua-duanya dapat mengcopy seluruh kode yang ada dibawah ini.

1. Cari kode ini ]]></b:skin>
2. Setelah itu, copy seluruh kode dibawah ini dan letakkan DIATAS kode ]]></b:skin>.

Memakai CSS Sprites




Memakai Image Swapping



3. Kalau sudah, cari kode ini <data:post.body/>
4. Setelah itu, letakkan kode dibawah ini dibawah kode <data:post.body/>

Memakai CSS Sprites




Memakai Image Swapping



5. Langkah Akhir,




Good Luck,
TBA Network | Tutorial Blog

0-Komentar:
Jumlah Komentar ada 0 ! Ayo Berkomentar !

Silahkan Berkomentar

Plese comment to make this site better

 
Copyright @ 2011 TBA Network | Theme Design by Afridho Utama | Powered By Blogger