View full size in Blogger
Small

Large

My friend ask me a favor..."Syarhanz, can you help me to view my thumbnail picture to it full size" he said.
After a week, I found the solution...

Here is the solution!
Step #1:
- Go to Layout > Edit HTML. Tick on the Expand Widget Templates
Step #2:
- Copy and paste this code before the </head> tag...
Code: Select all
<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>
Step #3:
- To view your thumbnail picture in a large/full size, please add this code in your post:
- Code:
<img src="[color=#0000FF]URL SHORT IMAGE.jpg[/color]" alt="Me" longdesc="[color=#0000FF]URL FULLSIZE IMAGE.jpg[/color]" />
Step #4:
- Done!

0 comments:
Post a Comment