How To Add Border In Google Blogger Images Without Adding CSS

Paste your parsed code here. Paste your parsed code here. When I'm editing on Blogger Images manually I found this tricks which Google automatically add Border to Any Images which hosted on Blogger, Picasa, Google Plus. So here we discuss this tutorial in detail with example.

Check out this result-

Before

After

Here I uploaded the image to Blogger and the Blogger Original Hosted image URL and Border Image URL is

Original Hosted Image:-

https://4.bp.blogspot.com/-tpJzM-Cah1A/WCG4jDhIYdI/AAAAAAAAFdY/PWrA2FokjsoPlHdIZ1W2dMnF0M9GlmqxACLcB/s1600/Example.png

Border Image URL:-

https://4.bp.blogspot.com/-tpJzM-Cah1A/WCG4jDhIYdI/AAAAAAAAFdY/PWrA2FokjsoPlHdIZ1W2dMnF0M9GlmqxACLcB/s1600-b10/Example.png

In the this URL, observe the path before file name. which is Image size s1600 and it is the default blogger dimension, 10px border appear by adding  "-b10" to the image url after s1600 i.e. s1600-b10

You can try other Border Example like

20px Border

https://4.bp.blogspot.com/-tpJzM-Cah1A/WCG4jDhIYdI/AAAAAAAAFdY/PWrA2FokjsoPlHdIZ1W2dMnF0M9GlmqxACLcB/s1600-b20/Example.png

25px Border

https://4.bp.blogspot.com/-tpJzM-Cah1A/WCG4jDhIYdI/AAAAAAAAFdY/PWrA2FokjsoPlHdIZ1W2dMnF0M9GlmqxACLcB/s1600-b25/Example.png

30px Border

https://4.bp.blogspot.com/-tpJzM-Cah1A/WCG4jDhIYdI/AAAAAAAAFdY/PWrA2FokjsoPlHdIZ1W2dMnF0M9GlmqxACLcB/s1600-b30/Example.png

Final Word

Image size always remain what you have originally uploaded. After adding 10px border(s1600-b10) the image shrink to 10px and create a 10px border around it. Try Another a comment below. Paste your parsed code here. Paste your parsed code here.