How to Customize The Text Format on Blog Post?

Hi bloggy readers,
In writing articles for our blog, it's really important for our articles to be written as attractive as possible. By adding some customizations such as bold, italic or underline functions in our blog post will finally bring many benefits for our blog itself. For example are, to get a targeted traffic, to encourage readers on reading more articles we've made, and to make our article to look more professional. So, if you are still in the beginning part in building your blog, i strongly suggest you to create more serious articles than just some daily personal diary.

Okay, enough talking, in this post i would like to discuss about editing the text interface on blog post. What i infer as text interface is the text format in blog post that later, will be displayed in the HTML based web page. Okay, let me show you with an example. Now look at the word below.

bold bold

italic italic

uppercase UPPERCASE

As you can see in those words above, i made the words bold, italic and uppercase to be displayed in the HTML based web page using the bold function, italic function and uppercase function. But how to make those words to be displayed with whatever functions we want on blog post. Read on to find out how..

1. Log in to Blogger
To begin this tutorial, now go to Blogger.com and Log in to your Blogger account using your own username and password you've already registered before. By putting the correct username and password, Blogger will automatically process to your Blogger account and land to the Dashboard page.

2. Go to New Post
In the Dashboard page, pick one of your blog and go to the New Post page to create a new blog post. You might wonder why i ask you to make a new post. Okay, here's the explanation. Usually, in my other practical tutorials, i always ask you to go to the Edit HTML first to do some customizations of your template, but, in this post, i just want you to practice this tutorial in the simple way. So, i think New Post is the right place for this tutorial. Okay, back to the topic.

Now look at the New Post navigation bar in the top position of your New Post page.

As you can see in that picture, i've made a red scratch to that picture. Those bold and italic function are the most utilized buttons that can customize the appearance of your blog post.

3. Write your article
Now in the New Post page, create your own article, or you can make put some random words in the New Post.

4. Adding bold and italic function
Now block one of the important word in your blog post and press the B button. By pressing this B button in one of the words in your article, will increase the thickness on that words. To make an italic function, you can simply block again one of the words in your article and then press the I button. By pressing this I button, will make that words to be shown as the skewed or italic text.


5. Switch the tab from Compose to the Edit HTML tab
On the top position of the New Post box, there are 2 tabs that can be switched. Now switch the tab from Compose mode to the Edit HTML. By Switching this tab, will bring to the real HTML codes that being used in your article. So you might be baffled when seeing some complicated codes in this mode.

6. Wrap up the standard text using the code
Now, find the text in your blog post that you want to customize. After located the text, now wrap up that texts using this opening span tags.

As you can see in that code above, the blank or dots area indicates the area that will need some certain commands. These are the commands you can assign in that dots area:

a) Make a bold
Okay, to make a bold function texts, we need to use the code below. For example, i want a word "My Blog" to be displayed in Bold function. Here's the code:

The result is :


Okay, that's it for now. If you feel that this post helps you a lot on customizing your articles, i would be thankful if you can spread this article to your friends and family by pressing one of the Social Media button i've already embedded in this blog post. And if you have something to ask to me, just type your question on the comment section below and i'll try my best to give you the answer sooner.

Okay, i'm out..