How To Add Free Thumbnail Photo Gallery Widget To Blogger

Friends now the another and most important widget for your blogger is thumbnail photo gallery .
this widget will help you to keep you photo in gallery type. some posts contain on much photo or images when you upload photos or images the post going to long .This type of post can effected your rank .A lot of friends doing very unique posts but when they publish their posts.they didn't find any rank .Friends Not only SEO is important for your posts Also need to create you posts more easy for user and past your photos images for your user to understand it well .For that you must you photos step by step .Now Add this Thumbnail photo gallery widget to blogger will keep you photo in columns and rows .When users want to watch your photo on full screen by click on the photo or images.Now i am going to teach you that how can you add thumbnail photo gallery widget to blogger.

Follow these steps To Add Free Thumbnail Photo Gallery Widget To Blogger

First of Login your blogger dashboard
Go>>Template>Edit Html
A new page will open Now Click in the code area
And Press Ctrl + F and find this Tag ]]></b:skin>
after finding this tag ******]]></b:skin>******** past the code above /before the tag.
And Save Template

Copy the code from here for Thumbnail images gallery

/*******************************************

Thumbnail Photo Gallery Code by Blogger Hints

*******************************************/

#tr-photogallery{line-height:0;-webkit-column-count:3;-webkit-column-gap:0;-moz-column-count:3;-moz-column-gap:0;column-count:3;column-gap:0}

#tr-photogallery img{width:100%!important;height:auto!important;padding:2px}

/*******************************************

Thumbnail Photo Gallery Code by Blogger Hints

*******************************************/

After Adding the upper code now copy this code # 2 and past it in your post Html section and start uploading your photos

when you uploading your photos or images First copy this tag and past at the top of page

and After completing pasting photos or images

</section>

Past this tag in post footer in post html section

<section id="tr-photogallery">
Your all gallery images here
</section>

Customization for Thumbnail Photo Gallery Widget To Blogger

You can Decrease or increase Column or rows in this widget.

Past your images or photos here or

when you uploading your photos or images First copy this tag and past at the top of page

and After completing pasting photos or images

</section>

Past this tag in post footer in post html section

You Might Also Add These Widgets To Make Your Blogger Responsive.

Final Words !

Thank you for following us if you face any problem in this post How To Add Free Thumbnail Photo Gallery Widget To Blogger or another problem related with blogger .Then Contact us or comment us .We will solve your problem as soon as soon is possible. this is satisfied Website .From here you can get all hints tips and tricks for your blogger.