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
READ MORE ABOUT - LightBOx ajax 4 Blogspot
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
