Make URL Not Clickable

By default, all URLs in Blogger posts become clickable, even you do not set it as links. Presently what I do is I add a space after the www or the two slashes after http in the HTML code.

It works. But when I hover the cursor over the URLs, it stills show the finger cursor (even though it cannot be clicked). How do i do away with the finger cursor?

 

Are you able to add stuff to the .css file? You can do something like this:

.inactive {
   pointer-events: none;
   cursor: default;
}

Code (markup):

and the add class="inactive" to each link you don't want to work:

<a href="page.html" class="inactive">page link</a>

Code (markup):

 

I'd avoid {pointer-events:???;} for a while. IE<11 does not support it, and while Firefox has supported it since v.3.6, it is off by default on v<41. On >=41, it is on by default, but only on the nightly builds. Chrome and Safari seem OK, but mobile devices are questionable.

If the link is disabled by a space, or similar, use

  a.inactive,
  a.inactive:hover {
      color: inherit;
      cursor: default;
      text-decoration: none; }

Code (markup):

cheers,

gary

 

Thank you so much.

o much.