Gambar Penuh (Fullsize Photo)
Ini antara trick yang dinantikan ramai blogger. Trick ini akan membuatkan blog jadi lebih menarik. Bagaimana ia berfungsi? Setiap gambar yang dimasukkan akan mempunyai dua saiz yang berlainan iaitu saiz thumbnail dan saiz sebenar. Gambar sedia ada dalam blog adalah gambar bersaiz thumbnail dan apabila diklik pada sudut atas kiri gambar, akan keluar gambar saiz sebenar dan ia keluar di muka blog. Tidak seperti fungsi lama, gambar saiz sebenar akan keluar pada muka yang baru.
Cara untuk mengaplikasikannya sungguh mudah.
- Pergi ke Blogger Dashboard >> Layout >> Edit HTML, cari tag
</head>dan masukkan SEBELUM tag itu tadi dengan kod di bawah:-
| <script src='http://jqueryjs.googlecode.com/files/jquery-1.3.js' type='text/javascript'/><link href='http://www.wallheaven.com/fullsize/fullsize.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://www.wallheaven.com/fullsize/jquery.fullsize.js' type='text/javascript'/><script type='text/javascript'>jQuery(document).ready(function(){jQuery("img").fullsize([]);}); </script> |
Selepas itu anda klik 'save template'. Siap!!! Mudah kan?
*NOTA* Gunakan Image Tag seperti di bawah apabila anda ingin post gambar ke dalam blog anda:-
<img src="URL THUMBNAIL" alt="Me" longdesc="URL SAIZ SEBENAR" />
Comments
Post a Comment