Fix the p { margin-bottom: 0.1in; line-height: 120%; }a:link { } problem in your blog


It happens more often with me than ever, maybe because now I write my posts outside of blogger and then paste them (and there is nothing wrong with that by the way!). It makes my blog look bad and a lot less professional.
I tried so many things including font play and adjusting the breakers, nothing worked! I was able to fix it so easily, so read on to learn the complete fix!
My old fix was to delete the post and post it again, and I'd lose the comments, and a lot of time. But thankfully I was able to fix it on my own. I looked the problem on line and found nothing.

The Fix  

First of all if you publish your post and notice the Fix the p { margin-bottom: 0.1in; line-height: 120%; }a:link { } line where it shouldn't be then go to blogger and edit the post.

The post has that line
On the edit menu you will see the button to the far left called “Compose”

Compose view
  and a button next to it called “HTML”, click on HTML.

HTML view
Even if you had zero knowledge with HTML, this fix is really easy (And I recommend you as a blogger to learn some HTML as it's so easy to learn!).
What are we going to do is to remove the Fix the p { margin-bottom: 0.1in; line-height: 120%; }a:link { } line from the post, it's highlighted in red so it should be easy.


The line to remove is highlighted in red

From the HTML view click find and search for “p { margin-bottom: 0.1in; line-height: 120%; }a:link { }” and you will find it looking like this <style type="text/css">p { margin-bottom: 0.1in; line-height: 120%; }a:link { }</style>
Delete only the line maintaining the brackets or you will result in an error, it needs to look like this after delete <style type="text/css"></style>
go back to compose and update, the problem will be fixed right away!!

So what's the cause of this annoying bug anyway?


I discovered that it is caused by "Rich text formatting", as I use LibreOffice to do all of my writing work, I tend to copy and paste directly into blogger, that caused these characters to appear inside the posts!

How to avoid it?

The only way is to strip the text of formatting before pasting it into blogger's text editor, you can do that by clearing format from LibreOffice's right click menu. Or by pasting it into a plain text editor like Notepad or Gedit.


I hope you found this useful, how often did this happen to you? And how did you deal with it? Please let me know what you have in mind in the comments section below.

Comments

  1. Thank you very much for this fix man. I googled this and I did not fix until I saw your link. Thanks :)

    ReplyDelete
    Replies
    1. Your comment made my day Anonymous. I'm glad it helped you :)

      Delete

Post a Comment

شاركني برأيك في التعليقات. لا تقرأ وترحل!!