There are two methods of doing so. One is by deleting the codes inside of the Emporio theme responsible for the blurred image. The second method is to add CSS code to hide the blurred background image.
Let proceed with the first method
==> Sign into your blogger dashboard at blogger.com.
==> Go to Theme > Edit HTML.
==> Look for the following codes and delete them.
<b:if cond='data:view.isSingleItem'>
<b:if cond='data:widgets.Blog.first.posts.first.featuredImage'>
<b:include data='{ image: data:widgets.Blog.first.posts.first.featuredImage, selector: ".bg-photo" }' name='responsiveImageStyle'/>
<div class='bg-photo-container'>
<div class='bg-photo'/>
</div>
</b:if>
</b:if>
==> Click Save Theme.
That's all.
The second method
==> Sign into your blogger dashboard at blogger.com.
Go to Theme > Edit HTML.
Go to Theme > Edit HTML.
==> Search for this code ]]> </b:skin>
==> Add the following codes below it:
<style type='text/css'>
.bg-photo {display:none !important;}
</style>
==> Click Save Theme.
That's all
Now let me explain some things
here. When you delete the codes from inside the theme you will be able
to add a gadget at the top sidebar.
If you choose to only hide the blurred background photo, your first gadget on the sidebar will not be at the top, parallel to the post title. There will be a free space.
I know most users of the Emporio
blogger theme will want to remove the background photo that always
appears when a post is viewed. If you tried these methods, and it
worked for you, do share with others by using the social media buttons.
Happy blogging.
I Love This Post, Thank You Share With Us.
ReplyDeleteMobile
Really reliable and also valuable write-up. I was discovering a professional background removal service however after seeing your message I can remove background quickly.
ReplyDeleteThanks for the tip!
ReplyDeleteThanks For Sharing. Remove background: How to remove background from an image in Photoshop Order Now
ReplyDelete