Image is an attractive decoration in an entry on your blog. But if you put too much images, it will cause your blog loading slowly. And if we click on the image, the browser continues to display that image in the new page. We have to load the page again to read the article. It will distract your blog reader. So, do you want to remove the image link in blogspot Blogger? Follow this very simple tutorial. There is 2 methods. Check it out.
Let's remove this image link.
 |
| With link |
|
| Link removed |
Method 1 :
1. In Post Editor section, when you upload an image, go to Edit HTML section to remove the link on image.
2. Then, find the image code. In this case, the image code is :
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLM6hINjFsnyHQqCTPUhAn88zG8JNOo7zp8VjMAgylz8_6WfGnWYNzl-DYtQaNTrc8q0v7Rb-NgZ_5RBo6oibrv3Z8XKyw3-keGo951BhAF_Enc0Tun-6gutm5UIDjRHGrSf3jJKaLsU/s1600/howtohouse-link-nonlink-image.png" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLM6hINjFsnyHQqCTPUhAn88zG8JNOo7zp8VjMAgylz8_6WfGnWYNzl-DYtQaNTrc8q0v7Rb-NgZ_5RBo6oibrv3Z8XKyw3-keGo951BhAF_Enc0Tun-6gutm5UIDjRHGrSf3jJKaLsU/s1600/howtohouse-link-nonlink-image.png" /></a>
3. Delete bold code shown below. The code with <a href= -----------> and </a> .This code direct you to the image link.
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLM6hINjFsnyHQqCTPUhAn88zG8JNOo7zp8VjMAgylz8_6WfGnWYNzl-DYtQaNTrc8q0v7Rb-NgZ_5RBo6oibrv3Z8XKyw3-keGo951BhAF_Enc0Tun-6gutm5UIDjRHGrSf3jJKaLsU/s1600/howtohouse-link-nonlink-image.png" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaLM6hINjFsnyHQqCTPUhAn88zG8JNOo7zp8VjMAgylz8_6WfGnWYNzl-DYtQaNTrc8q0v7Rb-NgZ_5RBo6oibrv3Z8XKyw3-keGo951BhAF_Enc0Tun-6gutm5UIDjRHGrSf3jJKaLsU/s1600/howtohouse-link-nonlink-image.png" /></a>
4. Delete the code and hit preview button. If you can't click on the image, image link is removed. DONE!
Note : If error notice appear, ignore it. Blogger Post Editor will repair the error itself.
Method 2 :
1. Click on the image, if there is an option like screenshot below. Just click the remove button.
2. Image link is successfully removed. DONE!
Hopefully this tutorial can help you. Good luck!
owh
ReplyDeleteI'll try this tutorial
P/S : Bersama Hans Menikmati Makanan Western - Chop & Steak
for method 1, remove </a> too
ReplyDelete@Kreatifbuzz
ReplyDeleteYeah right! :a tu la psl aku ckp klu ada error abaikan..psl blogger editor akan buang tu </a> sndiri..:a
*updated* :s
@HOW-TO HOUSEow..sa xtau pl..haha..sori2..TQ bg info.
ReplyDeletebro add these code in CSS and enjoy
ReplyDelete.post img, .post img a{
position: relative;
z-index: -100;
}