How to add Fullsize to Blogger

fullsize-a-new-img-tag-attribute

Hello guys, in this article i will show you how to add ‘fullsize’ in blogger.

What is Fullsize about?

Fullsize is an attempt to get a new <IMG> attribute called fullsize into the next version of HTML. Hopefully this site will get the attention of the W3C, and they will add fullsize to HTML and make it a standard. This is an attempt to bring something truely useful to all web developers and is by no means a completely polished idea, but rather a step in the right direction.

Placing the code:

!Before changing your template, don’t forget to backup your template and your widgets!

Follow these steps → Login → Layout → Edit HTML → and add the following code before </head> :

&lt;script src='http://jqueryjs.googlecode.com/files/jquery-1.3.js' type='text/javascript'/&gt;&lt;link href='http://www.wallheaven.com/fullsize/fullsize.css' media='screen' rel='stylesheet' type='text/css'/&gt; &lt;script src='http://www.wallheaven.com/fullsize/jquery.fullsize.js' type='text/javascript'/&gt;&lt;script type='text/javascript'&gt;jQuery(document).ready(function(){jQuery("img").fullsize([]);}); &lt;/script&gt;

Example of image tag:

&lt;img src="URL_SHORT_IMAGE.jpg" alt="Me" longdesc="URL_FULLSIZE_IMAGE.jpg" /&gt;

This image tag is used in the post, longdesc represents the full image that will open.

Demo:

Take a look @ it in action!