Sunday, May 25, 2008

How to Highlight Text in Blogger Posts

There's two ways to highlight text in blogger post background.We can change the font colors using tools provided in the Post Editor
Highlight Text in BloggerHighlight Text in Blogger body
But , there is no option to highlighting our post content.

As you know you can change your blogger background text using some special codes, So we are going to use same theory here.There is code snippet that can work for us to highlight text in our posts.

As I told before there is two way to highlight text in blogger

First way is highlight text only. By this method you can Highlight text as I showed below.

First way to Highlight text in blogger.

K how do we highlight text like above .It's easy
  • First create your post
  • Select your text that you want to Highlight and add that text in between this code like I showed in below. <span style="background-color: rgb(255, 255, 0);"> </span>
  • <span style="background-color: rgb(255, 255, 0);">TEXT YOU WANT TO HIGHLIGHT</span>
  • You can change your highlight color by adjusting this part of above code: rgb(255, 255, 0) Change the value that I showed by orange color to your desired color.
There's another way to Highlight text in blogger but it is slightly different from first one.How to Highlight text like I showed in below?

Your Text That YOu Want to HIGHLIGHT
I think now you can clear what did I talking before.So how do we create section like above.It's also done by using code like I show you before.

The process is same but code is little bit different.This is the code you can use to highlight text as showed in above.

  • <pre style="border: 1px solid rgb(255, 255, 255); padding: 10px; background: rgb (55, 88, 77) none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; margin-right: 40px; color: rgb(255, 255, 255);">TEXT THAT YOU WANT TO HIGHLIGHT</pre>

Note: you can change colors by changing the value of rgb(255, 255, 255) this part in both codes.You can do many experiment and find what is more suite to you.

Color codes examples:

Color Example 01 = rgb(30, 45, 255)

Color Example 01 = rgb(255, 45, 255)

Color Example 01 = rgb(25, 255, 55)

3 comments:

Ra said...

http://naviarora.blog.co.in/2008/06/21/how-to-highlight-text-in-blogger-posts/

Is URL above belong to you?

Tutorial-NET said...
This comment has been removed by the author.
Tutorial-NET said...

No friend that is site is not belong to me I checked that is, copied content thanks for informed me about this :)

Post a Comment