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!































