Adding Lightbox effect on Blogspot Blog

 

Its easy to use Lightbox effect on WordPress because we have got a plugin named Lightbox. If you are blogspot blogger and wanting to add this Lightbox effect on your blogger's blog then we have got a solution for you. On visiting deluxeblogtips.com we found this amazing effect can be used in Blogger blog. Its just easy and simple lets get started.

. First you need to download the css file of lightbox from here. Now host this css script to your best hosting (if you have), if not upload these files to Humyo.com( need to register : FREE). Now go to your

Bloggers Dashboard>Design>Edit Html.

Use Ctrl+F for finding </html>

Use the code from your Host like below code:-

<link href="http://yourhost.com/..../lightbox.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://yourhost.com/..../jquery.min.js" type="text/javascript"></script>
<script src="http://yourhost.com/..../lightbox.min.js" type="text/javascript"></script>

Add the code just above </head> and Save.
Now in post, after uploading your Photo the link may look in below format

<a href="url of the full-size image"><img src="url of the thumbnail" /></a>

If you have used Blogger defult uploader to upload image then for url of the full-size image you will get a url as below

http://2.bp.blogspot.com/_Mt4qyhflsHY/S8gcSccKNwI/AAAAAAAAAgo/F8JOsvw-Ocw/s1600-h/feedburner_twitter.png
Note that if there is s1600-h then remove -h from it ( in every photo )

Thats all now you can feel lightbox effect on your Blogspot Blog.

Add Comment