Saturday, May 8, 2010

LightBOx ajax 4 Blogspot

Tdk mustahil menggunakan ajax dalam blogger, contohnya dgn lightbox. Dengan menggunakan LightBox kita tidak perlu lagi memasang foto/gambar dalam ukuran dimensi sebenarnya yang besar, cukup kita sertakan thumbnailnya saja, dan jika diklik akan menampilkan gambar sebenarnya pd hlmn yg sama, langsung aja caranya

1. Login ke Blogger, menuju Layout > Edit HTML.
2. Lalu masukkan kode di bawah ini di antara tag <head></ head> Kalau binun cukup cari </head> lalu taruh sebelum tag </ head>. tyuz smpan deh.
<link rel='stylesheet' href='http://fariezna.googlepages.com/lightbox.css' type='text/ css' media='screen' /> <script type='text/javascript' src='http://fariezna.googlepages.com/prototype.js'></ script> <script type='text/javascript' src='http://fariezna.googlepages.com/scriptaculous.js? load=effects,builder'></script> <script type='text/javascript' src='http://fariezna.googlepages.com/lightbox.js'></ script>
3. Implementasinya. masukkan gambar/foto masukkan foto seperti biasa dengan tag
<img src"">. Namun tambahkan kode di bawah ini tepat di antara tag <img> tadi.
<a href="http://lokasigambar.com/anda-yang-ukuran-BESAR.jpg" rel="lightbox" title=" Deskripsi"></a>
nanti jadinya akan seperti ini.
<a href="http://lokasigambar.com/anda-yang-ukuran-BESAR.jpg" rel="lightbox" title=" Deskripsi"><img src="http://lokasigambar.com/anda-yang-ukuran-KECIL.jpg" border=" 0" alt="Photobucket"></a>
4. Nah tahap akhir, ganti deskripsi dengan alamat atau URL gambar yg anda inginkan,, nAH SELAMAT, skrg anda dah bz memikmati ajax, , fachia aih, , emang makanan apa, kuq dinikmati wkwkwkwkwkwkwkwk

Related Post



by reymetalic
The Vanmovic
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • StumbleUpon
  • Technorati
  • TwitThis

0 komentar Cuy:

Post a Comment

REYMETALIC'S BLOG © 2010 peter parker Template created by:
reymetalic