Sabtu, 02 Juli 2011

Cara Menambahkan Spoiler Dengan JQuery Di Blogger

Selamat siang agan-agan , kali ini saya akan membahas mengenai Cara Menambahkan Spoiler JQuery Di Blogger.JQuery yang notabene merupakan library turunan dari Javascript sangatlah ampuh dalam kustomisasi tampilan blog sehingga terlihat lebih atraktif.Okey.Kita mulai saya proses pembuatannya.Spoiler , biasanya digunakan untuk menyembunyikan gambar dengan skala besar.Bertujuan untuk menghemat bandwith agar user yang mengakses halaman page blog kita , tidak melakukan loading terlalu lama.Lihat contoh spoiler dibawah ini.





Spoiler dengan jquery


Lucu bukan , lalu bagaimana cara membuatnya !? Ketikan kode berikut pada saat posting.Lalu pilih tab Edit Html.

//import library JQuery

//function bila tombol ditekan


//CSS dari spoiler , mengatur ukuran dan warna


Spoiler dengan JQuery
//Text didalam spoiler //label tombol

Okey , sekian untuk postingan kali ini semoga bermanfaat.

Simak Juga Tutorial Lainnya:

7 komentar:

amdhas mengatakan...

Ini bisa di terapkan di kolom komentar ga?

Bayu Idham Fathurachman mengatakan...

maksudnya mas !?

Naufal Aminur Rahman mengatakan...

Wuihh mantab mas... dari trik simple menjadi sangat menarik nih Kerennn

David Bala mengatakan...

blog kamu keren..gan.bagi xmlnya dong..

napa aku coba buat spoiler ini..dimana penempatan..coding tsb.

Bayu Idham Fathurachman mengatakan...

makasih , search aja floor blogger template , pasti ketemu kok :)

pas postingan juga boleh , jangan lupa klik tab edit html ..
selamat mencoba ya :)

Ladida Cafe mengatakan...

oke nih buat dicoba ;)

Ariiv mengatakan...

thanks mas bro ..

http://kelaspojok.org/

Posting Komentar