Style your Blogger post text with CSS

In this tutorial we are going to tell you how to edit your post text using HTML span tag

As I explained in the Brief introduction to HTML before moving forward article, the <span> tag provides a way to add a hook to a part of a text or a part of a document. It allows us to group some elements to which we can insert our style attribute secondly. Let’s see how we can do that.

First we wrap the text you want to modify with the span tag. After that we insert a style attribute inside the opening span tag to style the group of the text within the span tag.

Do you know that by using the icons in your post editor you are unknowingly dealing with HTML tags and style attributes. Do this exercise and see it for yourself.

Go to the blog post editor and write "I love my blog" on the compose side of the editor. Then change the color of the sentence into red using change text color option in the top toolbar.
After that go to the HTML side of your post editor. If I am correct, this is the code you see right?
<span style="color: red;">I love my blog</span>
So did you notice that you have used the span tag and style attribute unknowingly?



It is true that you can do Most of the text editing in the compose side of the blog post editor itself with help of the icons given in the post editor. But there are certain cases u needs to go for modifications to the HTML code. For example look at the below text.

Delete This Text And Paste Your HTML Code

<span style="color: #eeeeee; font-size: 30px; text-shadow: 1px 1px 5px #000000;">Delete This Text And Paste Your HTML Code</span>

This type of text effect you can achieve only by doing certain changes to the HTML code.

Next Tutorial   Complete Guide   Previous Tutorial