Blogger Post Composer
We had discussed about how to create a blog in Google's blogger platform. Now we are going to see, how we will going to learn what are the facilities provided by blogger post composing editor. For navigating to Blogger editor, just click on the
New Post button provided in the blogger home page after logging in.
Overall look of the blogger editor is shown below
 |
Blogger Editor |
So, now we are going to discuss about each and every element placed in that editor and how it is working.
1. Heading
This is a text box to define what should be the heading of your post. For an example heading of this blog post is
[How To] User Blogger Post Editor | Full Guide. Search engines will first prefer your post heading while users searching for something. So define your blog post heading before searching what keywords should be included. If you defined it properly, then your blog will be more visible in search engines.
2. Body
Body is a content editable div. Which means, you could see live as HTML viewer what you are composing. Example of body composing of this blog post is given below
 |
Body Compose | Blogger |
You can see what are the details you have changed like text color, font size, font, images added, videos added etc in this compose mode. Also there are two compose modes like
Compose and
HTML, that can be seen on the top-left of the blogger composing screen look like
HTML composing for those who knows HTML language. In HTML view, a text area will be displayed that contains full HTML of your composed post. If you want to edit your post and want more control over HTML, you could use this facility.
HTML editor is shown below
 |
Blogger HTML Composer |
3. Post Styling Tools
Post styling tools are used to style your blog post by changing text font style, font size, specifying is it bold, italics or underline, coloring etc etc. There are lot of tools available in blogger. Summary of them are shown below
 |
Blogger Editor Tools |
1. Font Selector
 |
Font Select | Blogger |
Apply different font for posts by using this tool. To use this, one way is choose the font you want to apply for the particular post before composing. It will be applied all over the post by default. And if you want to apply for particular paragraph, just select the paragraph or text and click on the particular font you want to apply, its done. Some examples of font using in text is given below
- Arial font using
- Courier font using
- Georgia font using
- Helvetica font using
- Times font using
2. Font size change
This tool will help you to manage the font size. Five types of font sizes are currently listed in this tool till now.
 |
Font Size Change |
By default it is
Normal, and if you want to change just select the text you want to change and click on the corresponding font size. Some examples are given below
- Smallest
- Small
- Normal
- Large
- Largest
3. Heading chooser
This tool will allow you to add H2, H3, H4 tags in your blog post. These tags will also helps you to increase your search engine visibility. So it is better using heading tags rather then the font sizes for heading.
 |
Headings | Blogger |
By default it is
Normal, and if you want just select the text and apply by clicking on appropriate tag. Type of headings available in this tool is given below
- Heading (H2 tag)
- Subheading (H3 tag)
- Minor heading (H4 tag)
- Normal (P tag, it's paragraph)
4. Text Decoration
Decorate your texts by using bold, italics, underline and strike through tools. I think most of the people would aware of it.
 |
Text Decoration | Blogger |
B for bold (Ctrl+B),
I for italics (Ctrl+I),
U for underline (Ctrl+U) and
ABC for strike though.
5. Text color decoration
 |
Text Background Color | Blogger |
This tools will allow you to color background of your text. Just select the text you want to color and pick the color from the color picker.
This is a background colored text.
 |
Text Color | Blogger |
To apply coloring for texts, you could get help of this tool.
This is an example of colored text.
6. Inserting Image/Video/Link/Special Symbols and Jump
 |
Insert link/image/video | Blogger |
1. Insert Link In Blogger
For inserting a link, first select the text you want to convert it into link, then click on the
Link button, then a new window will pop up like below
 |
Add Link | Blogger |
Your selected text will be shown in the
Text to display box and you should enter the URL in
Web address box. Email address can be also added by choosing the
Email address option.
Test this link button is placed to check whether the link is working or not. By clicking on
Test this link a new window will open with the URL. If you checked
Open this link in a new widow check box then while users clicking on that link from your blog post, it will open in a new window, which is helpful for the users to stay with your post and navigate to URL.
Add 'rel=nofollow' attribute, if this is enabled the link you have added in your post will not be followed by you. Which means it will not take as a back link in your blog.
2. Insert Image
Click on the image button on the toolbar to insert images in your blog posting. A new window will open like below image
 |
Browse Images and Upload to Blogger |
Click on the
Choose files button to select files from your PC. Files will be automatically uploaded after selecting and clicking on
Open button. You must select uploaded files to add it on your blog post. When selecting an image a blue border will see you there as shown in the example above and after clicking on
Add selected button, it will gets added. Uploaded images will saved into your Google Drive blogger album by default.
There are five other methods to insert images in blogger posts. One is
From this blog, by choosing this option your Google Drive images saved from this blog will be displayed, you can choose which image need to be inserted and add it.
 |
Insert Image From this Blog | Blogger |
From the Google album archive option will display your albums on Google Drive and you can choose which photo from which album need to be chosen. Select the image and add it.
 |
Add Images from the Google album archive | Blogger |
From you phone is an option to add images automatically backup from your mobile devices. If you are using an Android mobile you are familiar with the Google Photos application, it will automatically backup your phone images into Google Drive. That images can be inserted by using this method.
 |
Insert image from your phone | Blogger |
From your webcam, as the name suggests your webcam is needed to add this image. A photo will taken real time by using your computer webcam and uploaded to Google Drive and that can be imported in your posts. But you must have a webcam to do so.
 |
Upload images from your webcam | Blogger |
From a URL, option means your can attach images uploaded in other image hosting platforms and use the URL from their to add in your blog. Benefit of this method is, your Google Drive storage will be saved because the image file hold in different server. But the risk is yours, if the host provider ending up the service all your images will be lost.
 |
Add images from a URL | Blogger |
3. Insert Video | Blogger
Click on the video image button to open the video add screen. By default it will look like below image
 |
Video upload | Blogger |
Choose a video to upload button helps to choose and upload videos in blogger and the videos will be uploaded to Google drive. Attached in your posts like below image
 |
Uploaded video display in blogger |
Also you could embed YouTube videos in blogger by choosing
From YouTube and
My YouTube videos options. Videos will be listed like below image and select one video, click on the
Select button to embed it on your blog post.
From YouTube option will displays all videos from YouTube, you can search and add them.
My YouTube videos option will only list your uploaded YouTube videos.
 |
Embed YouTube Videos | Blogger |
Also like in image insert,
From your phone option is also available in video embedding option. It is working as like we had discussed in the case of image insert in blogger.
4. Insert Special Characters Blogger
To insert special characters on blogger click on the smiley icon. There are thousand of symbols are available in the directory. For example smileys, arrows, modifier etc. After clicking on the icon a new window will pop up like below image
 |
Insert Special Characters | Blogger |
Point the cursor to the required position and click on the special character you want to add. For example some smileys are added, and following 😅😆😇😊😍. Just try yourself. You can also search. Enter the criteria in the search box and press Enter key.
5. Insert Jump Break in Blogger
What you mean by a jump break? It is a separator between something you want to separate. Place the cursor to the right position you want to add a break (may be an end of the paragraph) and click on the broken image. An example is shown below
Text before break
Text after break.
7. Manage Alignment | Bullets | Numbering Blogger
Now we are going to see about the section of alignment of text, bullets, numbering, quoted text and remove all formatting.
1. Alignment
 |
Alignment | Blogger |
Four type of alignment options are available in blogger, as like in the Word application. Left, center, right and justify. It will work as like the Word options. I think you must posses some what idea about text alignment.
To apply alignment, select the paragraph or texts you want to align, the select the appropriate alignment from the selector. By default it is left alignment.
2. Numbering
By clicking on the numbered list, automatically a numbering is applied. It is also working like the Word option numbering, If you want to include numbering anywhere in your blog post, just place the cursor and click on the numbered list button, automatically 1 will be placed. An example is given below
- One
- Two
- Three
Double entering stops the numbering and the last added number will automatically removed.
3. Bullets
Same as numbering, difference is bullets is shown rather than numbers. An example is given below
- First bullet
- Second bullet
- Third bullet
4. Quoted Text
This is an example of quoted text
This facility is used to highlight text. Just select the text you want to quote and then click on the Quote button, text will be quoted.
5. Remove formatting
Select a stylized text and click on the remove formatting button, all style will be removed (anything like color, back color, bold, italics, link etc).
8. Miscellaneous Tools
1. Text direction
These to option define the cursor running position in blogger posts. First one for left-to-right direction and in blogger it is default. Second one is right-to-left, for starting writing text from right to left. An example is given below
Right direction text
Left direction text
2. Write in other languages blogger
First tool is for check spelling and the second two options to write in other languages. Lots of languages are available for writing blog posts. Main advantage is that, you could write in your blog in your favorite language. You just need to type in English, Google algorithm will convert it into the activated language. It will work only if the option is activated otherwise English will be the language.
3. Undo/Redo
First one in undo and the second one is redo, Most of the people knows what does it means. So I'm not explaining that tools here.
4. Post Settings
Post settings section contains labels, schedule, permalink, location, search description and options. We are going to see one by one.
1. Labels
 |
Labels | Blogger |
These are meta tags used for more search engine visibility for your posts and blog. Labels must be related to your blog post, and search engine also searches in post tags. Don't use larger texts in tags, user short texts of two words or one word like as shown in the above example and separated by commas.
Write tags and press enter to automatically add commas into it.
2. Schedule
 |
Schedule Blogger Posts |
You could schedule your draft post to publish for specific date and time by using this post settings. Choose the date from the calendar and enter the time in 24 hours in the time box (or choose from the drop down box, some default times are there). Default time format is Pacific Daylight Time and you can't change that from here.
3. Permalink
 |
Permalink customize | Blogger |
This is the link indexed in search engines to your blog posts. Automatically they (blogger) will generate a custom link, you can edit that link by clicking on the
Custom Permalink option. You should write your link as SEO optimized. Remember that, this is also a search criteria in search engines search. Use best keywords in permalink to get more traffic to your post. Don't use space in your permalink because it is not allowed.
4. Location
 |
Location set for Post | Blogger |
You can set custom location for your blog posts. You can either search in the box or choose from the map shown. Location will set which region users should reach to the post. So by setting this search engines will this result relevant to that particular region. You could user
Remove link button to remove if you added a location by accident.
5. Search Description
 |
Search description | Blogger |
This is also search engine indexed description for your blog post. It is called met description. You could see this description under the search link in the searching page. Use your best keywords to get more visibility in the search description. Search engines also searches in the meta description while indexing results. So be brave.
6. Options
 |
Options Blogger Posts |
Reader comments means allow readers to post comment on the corresponding post, if you don't want to be users to be commented on your posts check the
Don't allow option. Then comment box will be disappeared. Other options are for the editor and configuration, just leave like it behind.
No comments: