Make Your Posts POP with Hovertext

Reading time 3 mins


Having been on WordPress for many years, I have gone through quite a few updates. One of those updates, a while back, removed one of my favorite features, Hovertext.

Since then, I had the idea to find a way to add it back. Until just recently I forgot all about it. Finally this week, while not blogging or reading, I found a simple hack to add Hovertext to my posts with very little effort.

Today I want to share how to add Hovertext to your posts. It is so simple that I know any one of you can do it. It just adds a little pop to your posts.

What is Hovertext?

Once upon a time on WordPress… you could automatically add text to go with a link that would appear when you hovered a mouse over it. It was actually set up for you whenever you wanted to add a link within a post. Instead of seeing this…

There was an extra box under “Link Text” for your Hovertext.

I have no idea why they took away this option. I used it in every single post, with almost every single link. It was super helpful for me for pages like this, where I kept track of things for myself. It also made every single link something a little extra fun for readers to discover.

It make things look like this….⇐go ahead, hover your mouse over the link.

If you click that link you will find it just goes right back to this post, so there is no worry about loosing readers who accidentally click those hovers. So while you are posting about how amazingly amazing something is, you can also add a little something extra for those who are browsing on their home computers. You can also add this to actual links to go somewhere. I am going to show you how to add Hovertext with and without links that go somewhere.


Adding Hovertext to Links

Go to the “Text” option for writing posts and after you add a link to you text, then add this

after a in the link add  title=”This is some text I want to display.”  after the a and before href.

In the text portion of your post, this is the code:

<a title= “Hovertext goes here”  href=””>What shows up in the post</a>

How that code looks:

What shows up in the post

Adding Hovertext without links

In the text area of your post:

<a title= “Hovertext goes here”  href=” “>What shows up in the post</a>

What shows up in the post

Notice I just left the part where the link goes empty. It links right back to your post.



That is so easy, right! I find myself tweaking code for my theme all the time so I am always using text anyways. Feel free to add Hovertext to your posts. I always found those posts so fun to read and I miss them!

If you have any questions or plan to use this leave me a comment. I would love to chat with you!

**Please note this will only work on WordPress posts. It *should* work on as well as .org since they both use the same post writing format. 

Subscribe to never miss a post!
Awesome People Share. Be Awesome...
By | 2017-11-07T14:23:07+00:00 Tuesday, November 7, 2017|Blogging|6 Comments

About the Author:

Mother, Lover, Writer, Reviewer, Social Media Princess. Karen has been a blogger since 2010. She is a US Army veteran, a medical professional, and the mother of four. Karen is the owner of That Book Store llc. She reviews books and shares mind vomit for this blog in her 'spare' time. Karen lives in New England.


  1. Wendy @ Falconer's Library November 8, 2017 at 1:35 am - Reply

    That is pretty darn cool! And I think I could even follow your directions, but I’m still on Blogger. I’m glad you figured out how to make it work though–one thing I love about blogging is problem solving and (occasionally) learning some new tech trick.

    • Karen Blue
      November 9, 2017 at 8:29 am - Reply

      Me too! It is fun to discover new things. Thanks for checking out my post. I am gonna look and see if I can find some instructions for blogger.

  2. Nicole @ Feed Your Fiction Addiction November 11, 2017 at 10:39 pm - Reply

    I love it when you find a workaround to a feature that you miss. Thanks for sharing!
    Check Out Nicole @ Feed Your Fiction Addiction’s most recent post- October Wrap-Up Round-Up Giveaway (With a Make Me Read It Twist)My Profile

  3. Zeee @ I Heart Romance & YA
    November 20, 2017 at 7:47 am - Reply

    OMG Karen! This was something that I absolutely LOVED! I did nor know why WP even took it out… thanks for the hack. 😉
    Check Out Zeee @ I Heart Romance & YA’s most recent post- Bookish Holiday Gift GuideMy Profile

Leave A Comment

CommentLuv badge