August 13, 2014

How to Get Lightbox Integrated Into Blogger

Blogger is the awesome blogging platform that is best in use for beginners. Blogger let you easily create and customize your blog. You can easily create lightbox for it.


How to Get Lightbox Integrated Into Blogger : eAskme
How to Get Lightbox Integrated Into Blogger : eAskme

How to Get Lightbox Integrated Into Blogger ?
Login to Blogger.com

Click on "Template".

Click on "Edit HTML".

Copy code from here :
<link href="http://www.virtuosomaster.com/tutorials/samples/lightbox/css/lightbox.css" media="screen" rel="stylesheet" type="text/css"/>

<script src="http://www.virtuosomaster.com/tutorials/samples/lightbox/js/prototype.js" type="text/javascript"/>

<script src="http://www.virtuosomaster.com/tutorials/samples/lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"/>

<script src="http://www.virtuosomaster.com/tutorials/samples/lightbox/js/lightbox.js" type="text/javascript"/>

Paste it between "</style>" tag and the "</head>".

Click on "Save Template".

Click on "New Post".

Click on "Insert Image".

Click on "Upload image" and upload image.

Click on "Edit HTML".

Search of "<a href=...".

Enter "rel="lightbox"

Paste "<a href=..." between "a" and "href".

Click on "Publish Post".