Photo galleries do add lots of colors to a website. However, Blogger doesn’t have any flexible photo gallery widget that could amuse visitors. Therefore, we have to make use of some external scripts to formulate a sparkling image gallery widget.
Photo galleries do add lots of colors to a website. I have seen some about pages of many sites. I saw photos of the admins placed here and there. There was not any arrangement of photos. So I decide to add photos to my about page. I create a code to automatically arrange photos according to their sizes. You can add this in your blogger blog easily.
Today I am going to teach you about creating a photo gallery in blogger with short codes. Is not hard it's really so much easy. You can see this in my about page.
Features
- Small code
- Works with Shortcode.
- You can add this in your posts and also in pages.
- Auto arrange photos according to their sizes.
How to add ?
- First goto Blogger >> Dashboard>>Template.
- Now search for ]]></b:skin> tag.
- Then paste the code above ]]></b:skin> tag.
[/*******************************************
Photo Gallery Code by Tipricks
*******************************************/
#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}
/*******************************************
Photo Gallery Code by Tipricks
*******************************************/]
4. Simply add the below code and paste your images between this code.
[<section id="tr-photogallery">
Your all gallery images here
</section>]
5. You can add the code later after adding your all images.
6. You are done.
Hope guys, you like the code and tutorial please let me know if you find any errors or mistakes in the tutorial below in the comments.
Together we learn, together we move one step closer to our dreams! ❤
Take care Brothers and Sisters!
Allah Hafiz
Now you can read:
Now you can read:
This article "How to Create a Photo Gallery in Blogger Blog Pages or Posts" is protected by
COMMENTS