How to Add Flickr Widget in Blogger/Blogspot

In the last week, we have received several emails from our site visitors asking how they can show a Flash based or HTML galleries of their recent Flickr photos in their Blogspot blog. In this blog post we, therefore, decided to introduce and show you how to add you Flickr Badge widget in Blogger. Flickr badge is a free tool that is based on Flickr badge service. Anyone of you who has a Flickr account can show off pictures on their website or blog. Remember that Flickr is one of the most prominent and reliable photo streaming site. Flickr has most overexcited active community that are sharing their videos and photos with their families and friends.

Add Flickr Widget in Blogspot

Due to its own social functions, it has a large number of active and loyal visitors. Remember that Flickr pictures and Yahoo’s image-publishing website allows its users to host images for embedding in social media platforms and programs. It has several features that will help you to show up your images on your blogspot blog.

This Flickr blogspot widget has great features & simple CSS3 animation effects, like it is fully responsive, have fully customize background with border, size and count. Similarly, it has CSS3 effect read feature, it means that it can spin, jump, zoom and also can change its opacity.

With the help of this Flickr widget, you can add this additional function in the form of Flickr Badge to your Blogspot/Blogger that have unique and amazing CSS3 animation effects.

Get Your Flickr Widget Badge

Step# 1: To add this Flickr widget to your blog, you need to create an account on Flickr platform.

Step#2: if you have already created profile or ID on Flickr, just Login to your Flickr account.

Step#3: Choose HTML Badge: Once you logged in, go and open the Widget Generator Tool offered and developed by Flickr developer. You will see two option there, an HTML badge and a Flash badge. Now it is up to you, which style you like the most. Once you have selected your desired style, Click on the “Next” button that is located at the bottom of the page.

Step#4: Show Public Photos: After clicking on the Next button, you will see some more option there, now you have to select “All of your public photos and video” and click the “Next” button situated at the bottom.

Step#4: Choose Layout Options: In the 4th step, you need to customize the appearance of your widget. You will see several options like how to many items to show, your photos size, orientation etc. Here you have to wisely fill these information according to your requirements and then jump to the next step.

Step#5: Color Selection: With the help of this feature, you can customize your widget colors so that you can match the color scheme of your site. This feature provides some best options to give the widget a slight touch according to your website. Now click on the “Next” button.

Step#6: Add Widget In Your Blog: This is the final step, and now you will see a preview and the HTML coding of your Flickr widget. Now you will be need to just copy the entire HTML coding and then go to Here you to options, if you want to publish it as regular blog post, then click on the “Add New Post” option >> then select edit HTML tab and paste the coding of the widget in the text area which you have copied.

You can also add this gadget into your blog sidebar. To do this, just go to the Layout >> Add a Gadget >> Add HTML/JavaScript and then paste the copied code in the HTNL box and finally click on the “Save” button to save your changes.

Congratulations: You have successfully added the Flickr Widget into your website.

Probably, you may have noticed that few images are bigger in size while other are smaller. In this case, if you want to that your images to be shown of equal size, then you have to add a custom CSS class in your template style file. You will also have noticed that the width and height of the images are also irregular. You may be interested to adjust the width and height of images so that it could match with your template layout.

For instance, your blog have a smaller sidebar. In this situation, you will need to reduce the width and height of your Flickr widgets. For this purpose, you have to keep on adjusting until it really fit your site sidebar.

We are confident that this article would really helped you about how to add a Flickr widget in blogspot. We would also like to know about your thoughts about this Flickr widget. If you have another best way to add this Flickr gadget in blogger, please inform us and share your views in the comments below.

Also read about How To Remove Footer Credit Links (Created By) From Blogger Templates?

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top