How To Add Border In Google Blogger Images Without Adding CSS When I'm editing on Blogger Images manually I found this tricks which Google automatically add Border to Any Images which hosted on Blog...
2018-02-09T14:15:36Z

How To Add Border In Google Blogger Images Without Adding CSS

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.

Add Border In Google Blogger Images Without Adding CSS

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.
Share it:

Blogger

Blogging

How To

Tutorial

Post A Comment:

0 comments: