If you have more than one picture in your Blogger posts then you may wanna have those images open in new windows or tabs. The default setting with Blogspot blogs is to open the picture within the same tab, forcing your reader to go back and forth from full article view to picture view.
So let's dive in and learn how to open pictures in new tabs with Blogger:
- What you need to do is to upload an image to your post editor and switch to Edit HTML.
- Notice the content between the first pair of HTML brackets "< a href= ...... >".
- Add the following attributes according to your desires, before the closing braket (>): target="_blank" (opens item in new tab) or target="nw" (opens item in new window).
- Publish your blog post and you're done.
Now your blog visitors will be able to read your articles and view pictures in new tabs whenever they click on them.
The code below highlights where you must ad the target attribute.
| <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqPhzuIoDvJqnH1IaBDiffsNRm3Ut7Zuaz4zmG4tetgV1QUWxiHcn2YRbGYEqi9cJfSJbte0uBXLh_pD-Cgb7AUzzobknEAXfzlzAPeMxiN4D2H7kRvBCLoW5RfxVvs6UtPsG58PbUIIgK/s1600/Pictures+Opens+in+New+Tab+Window.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="_blank" ><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqPhzuIoDvJqnH1IaBDiffsNRm3Ut7Zuaz4zmG4tetgV1QUWxiHcn2YRbGYEqi9cJfSJbte0uBXLh_pD-Cgb7AUzzobknEAXfzlzAPeMxiN4D2H7kRvBCLoW5RfxVvs6UtPsG58PbUIIgK/s400/Pictures+Opens+in+New+Tab+Window.png" width="400" /></a> |
The "nw" value of the target attribute delivers a popup window.
| <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqPhzuIoDvJqnH1IaBDiffsNRm3Ut7Zuaz4zmG4tetgV1QUWxiHcn2YRbGYEqi9cJfSJbte0uBXLh_pD-Cgb7AUzzobknEAXfzlzAPeMxiN4D2H7kRvBCLoW5RfxVvs6UtPsG58PbUIIgK/s1600/Pictures+Opens+in+New+Tab+Window.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" target="nw" ><img border="0" height="302" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqPhzuIoDvJqnH1IaBDiffsNRm3Ut7Zuaz4zmG4tetgV1QUWxiHcn2YRbGYEqi9cJfSJbte0uBXLh_pD-Cgb7AUzzobknEAXfzlzAPeMxiN4D2H7kRvBCLoW5RfxVvs6UtPsG58PbUIIgK/s400/Pictures+Opens+in+New+Tab+Window.png" width="400" /></a> |
Happy blogging!
Thanks for stopping by! Share this article with your friends.
Thanks Constantin, that always bothered me. Now to find time and remember to make the change.
ReplyDeleteGlad I can help, Kovas! ;-)
ReplyDeleteThanks for the advice... This is one of the more annoying aspects, I hope I can straighten it out.
ReplyDeleteGreat but how do you open a photo in a new, non-browser window? Just an enlarged photo no title bars etc.
ReplyDeleteI guess you're referring to flash picture slideshow... I don't know how to do that.
ReplyDeleteCheck out these search results.
Thanks for this tip, much appreciated.
ReplyDeleteIs there a way to size the pop up window to match photo size?
Hey, Robb! There is a way to do that but I never did it myself. I guess one has to add a width and height attribute to the window code.
ReplyDeleteSee this link.
Hello Constantin, Thanks for getting back to me. I found a solution here:
ReplyDeletehttp://myfundoo-blog.blogspot.com/2010/04/make-images-open-in-popup-window.html
Simple instructions, code provided and it works!
Cool. That's useful stuff! Perhaps at some point I may wanna do that as well.
ReplyDeleteThanks for the link!
Thank you Constantin. This really helps! I wish Blogger would add a shortcut to do this automatically so I don't have to make that change for every photo... but alas, practicing HTML is not so bad!
ReplyDeleteHey, Michael! Yes, I'm also a bit disappointed with Blogger for this issue. You're right about HTML - learning it is useful.
ReplyDeleteCheers!
Thank you so much dear
ReplyDeletethank you, this was very helpful.
ReplyDelete