Hidden Message in a Tumblr Post

If you are into Tumblr trends, then you might as well be asking how to display hidden messages or text in Tumblr Posts.  When you highlight a regular piece of text it blocks most part of the text revealing a phrase of your choice.  Some may wonder if it should be by default, well, if it were, it wouldn’t be so funny .

Hidden Messages in Tumblr Posts.

1. Go to Customize >>> Advanced.  Once there insert the following code in Add Custom CSS; After that save and close.


p::selection { background:#000;color:#000; }
p::-moz-selection { background:#000;color:#000; }
p span::selection { background:#fff;color:#000; }
p span::-moz-selection { background:#fff;color:#000; }


2. Now, let’s create a post where you can display your hidden message.  Choose a Text Post and write/paste your text.  After that click on the tiny HTML button on the edition screen, this should make the html edition screen pop up.
3. Each part of the text that you want to display when being highlighted, meaning all the text that you want to be part of the hidden message should be surrounded by <span></span>, the rest of the text is surrounded by only a couple of <p></p> tags:


<p> TEXT TEXT TEXT TEXT TEXT
TEXT TEXT <span>HIDDEN TEXT</span>
TEXT TEXT TEXT <span>HIDDEN TEXT</span></p>


4. After click update on the screen and publish your post.  Here is an example of hidden message in a Tumblr Post.