How To Activate Emphasize < em > Tag In Your Blog : Blogger Tutorial

ADVERTISEMENTS

To give more interest to your text we use <em> tag. In my template, this tag is activated by default. Let me show you how the text looks when I use this tag.

This is how em tag looks

Yesterday, I got an email from one of the readers of this blog Amadh, asking me how to give a yellow colored background to the text. He also asked me to share this tutorial with all. So here is a post on Amadh’s request.

To activate this tag first we have to use CSS.

First open Blogger and then go to Layout and then Edit HTML. Here put a tick on Expand Widget Templates.

Now search for </style> tag and put the following code above it.

em{color:#000000; font-style:normal; background:#fbfbdd;}

What is this code :

Well, this code is written in CSS where we have defined a HTML tag called EM and between the curly brackets we have given the text properties i.e color of the text, style of the text and background. In the above code we have given a Yellow color background, if you want another color you can change the given code.

How to use EM tag :

EM tag works same as bold, italic and underline tag. Simply put em tag in your post where you want yellow background to appear.

Below is a simple example on how to us this tag.

<em> Your text here </em>

If you are facing any problem in using this tag, feel free to drop your comments here and I’ll reply to all your queries.

If you like this post, you will love these :

1. How To Write Text On Colored Background : XML Tutorial
2. How To Add Gravatar Beside Post Title In Blogger : Tutorial
3. How To Show Only Post Titles In Blog Archives : Blogger Hack
4. How To Create Horizontal Tab Menu For Blogger Templates : Best And Simple Method
5. How To Create Sticky Posts In Blogger : Tutorial
6. How To Add Page Element To Header : Blogger Blogspot Tutorial
7. Top 10 Steps To Launch A Successful Blog : Tutorial For Upcoming Bloggers