Most Beautiful Photo Gallery for Blogger

Most Beautiful Photo Gallery for Blogger

This tutorial show you how to make Photo Gallery on your Blogger Blog. Before you move forward first take a look at the Photo Gallery which I made for my blog. For DEMO Click Here.

By using this tutorial you can start your own wallpaper site or blog within few minutes. 

Now you can also make this type of Gallery on your blog by just following the steps below.

1. Login to your blogger dashboard--> Design - -> Edit HTML.

2. Backup your current template in case anything goes wrong. 

3. Scroll down to where you see </head> tag

4. Copy below code and paste it just before the </head> tag .

  <!-- Start VisualLightBox.com HEAD section -->
        <link href='http://wimg.co.uk/Qi_.css' rel='stylesheet' type='text/css'/>
        <style type='text/css'>#vlightbox a#vlb{display:none}</style>
        <link href='http://wimg.co.uk/F8M.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://wimg.co.uk/ODj.js' type='text/javascript'/>

5. Now save your template.

6. Now to make your own Photo Gallery use the below code in Blogger Blog Post Option

  <a class="vlightbox" href="Full-Image-URL-Here" title="1"><img alt="Image-Title-Here" src="Thumbnail-Image-URL-Here" /></a>

<script src="http://wimg.co.uk/K08.js" type="text/javascript">
</script>

For showing more than one image use the below code as many time as you want

  <a class="vlightbox" href="Full-Image-URL-Here" title="1"><img alt="Image-Title-Here" src="Thumbnail-Image-URL-Here" /></a>

Note - For creating thumbnail images use the VisualLightBox Software

Facing some problem by implementing the above tutorial feel free to contact us using the comment form below.

Share

To Get SMS Updates on the Move Click Here.

Subscribe via Email

Also Join us on