Breaking News
Loading...
Thursday, 22 April 2010



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 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

STEP #1
Log in to Blogger -> Layout -> Edit HTMLand select the tick-box Expand Widget Templates
Then, find (CTRL+F) this code in the template:

</head>
And immediately before it, paste this code:

<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>

Now Click Save Template


Example of image tag:

<img src="URL_SHORT_IMAGE.jpg" alt="Me" longdesc="URL_FULLSIZE_IMAGE.jpg" />
This image tag is used in the post, longdesc represents the full image that will open.

0 comments:

Post a Comment