membuat animasi gambar pada blog
Berikut cara membuat animasi gambar pada blog, animasi disini maksudnya adalah efek zoom.
Dibawah ini contohnya, silahkan letakkan kursor diatas gambar.
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <style type='text/css'> img.expando{ border: none; vertical-align: top; } </style> <script src='http://ikhsan-blog.googlecode.com/files/expandos.js' type='text/javascript'/>
- Save
Selanjutnya..
caranya, saat posting / jika akan manambah gambar pada posting maka formatnya adalah sebagai berikut:
<img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 147px; height: 184px;" src="http://ikhsanu.blogspot.com/namafilegambar.jpg" class="expando" border="0" />
Silahkan copy kode diatas, dan pastekan dalam postingan, kemudian ganti http://ikhsanu.blogspot.com/namafilegambar.jpg dengan alamat gambar yang diinginkan.
Semoga berhasil dan semoga artikel ini bermanfaat.
Berikut cara membuat animasi gambar pada blog, animasi disini maksudnya adalah efek zoom.
Dibawah ini contohnya, silahkan letakkan kursor diatas gambar.
Mari kita coba bagaimana cara membuat animasi gambar pada blog:
- Login ke blog
- Dashboard
- Design
- Edit html
- Letakkan kode ini di bawah kode <head> dab atau sebelum kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <style type='text/css'> img.expando{ border: none; vertical-align: top; } </style> <script src='http://ikhsan-blog.googlecode.com/files/expandos.js' type='text/javascript'/>
- Save
Selanjutnya..
caranya, saat posting / jika akan manambah gambar pada posting maka formatnya adalah sebagai berikut:
<img style="display: block; margin: 0px auto 10px; text-align: center; cursor: pointer; width: 147px; height: 184px;" src="http://ikhsanu.blogspot.com/namafilegambar.jpg" class="expando" border="0" />
Silahkan copy kode diatas, dan pastekan dalam postingan, kemudian ganti http://ikhsanu.blogspot.com/namafilegambar.jpg dengan alamat gambar yang diinginkan.
Semoga berhasil dan semoga artikel ini bermanfaat.
Labels:
Tips dan Trik
Thanks for reading membuat animasi gambar pada blog. Please share...!
0 Komentar untuk "membuat animasi gambar pada blog"
Yang sudah mampir wajib tinggalkan komentar