Shadow Effect in Every Images at Blogger

Gadgets For Blogger - As per the title of this article, change the image uploadan on a post or article with a different view, namely the shadow. Maybe there are already some templates by default this way, but there is no harm if the way is repeated again here hehe. Back to this case, the way is very nice because this way my friend can beautify the look of the image on the article and all browsers must support. Like what the shadows look? Here we see the example below....
Well, my friend can see the example image above. The left does not show any shadows, while the right image clearly visible. Does my friend want to decorate the article my friend with a shadow like that? Let's refer to coverage under the ^ ^ hehe.

• First of all open blogger buddy with a password and id certainly

• When the dashboard, click the design / edit html design → → check expand widget templates

• Find the following similar code with ctrl + f to be more easily

.post-body img {
padding: 5px 10px 10px 5px;
}

Add Code
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKdrg2cWdNmbJCkeQtVl1rbKrYCh-Nq3Vvl8uOvK9aax04StkypWHZaK3nslHh_EBS6wvaK22Vuf-LGpVDJMVIUmZ-2o997IEGsuAFMw6_HnihY4HMhnSUjsQdWelut5XNyKgxhl_-jj0/s1600/background.png) no-repeat right bottom; 

and the code will look like this

.post-body img {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKdrg2cWdNmbJCkeQtVl1rbKrYCh-Nq3Vvl8uOvK9aax04StkypWHZaK3nslHh_EBS6wvaK22Vuf-LGpVDJMVIUmZ-2o997IEGsuAFMw6_HnihY4HMhnSUjsQdWelut5XNyKgxhl_-jj0/s1600/background.png) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

Last, save your new Templates and see Shadow Effects in Every Images at Blogger ^^
farixantips - Gadgets For Blogger

0 comments:

Post a Comment