New Release! Free Special Report on Making Money Blogging
Get immediate download. No email subscription required!
Blogger Help Series 5 - How to Display Widget in Specific page and More
Part 5 of the Blogger help series discusses different ways to present your Google blogger blog more beautifully and professionally.
You'll learn how to display a widget in a specific page, show comments below posts, break posts/pages with the read more tag, use the Google web fonts to create beautiful pages and remove the description of your Blog from the Home page.
Blogger help series one discusses the most important ways to customize and present your blog professionally; like how to set up blogger custom domains, upload your own Favicon and more.
How to Create Beautiful web pages with Google Web Fonts
Go to Google Fonts API Directory and click on the name of the font you'll like to use.
It will display sentences written with the font in different sizes. Something like the image below.
If you like to customize the font, click on the different links (variants, character set and so on ) to do so. If not just click on "Get the code".
When copying the code, you have three variants to choose from. You can either copy the code for Regular, Bold or Regular and Bold.
Click on Edit HTML in your dashboard. Find (ctrl + f) : </head> in your template.
Just immediately above it, paste the code you have just copied and save your template.
Now anytime you want to use that font in a post or page, just use the code below
<span style="font-family: Tangerine; font-size: 24px;">YOUR TEXT/POST HERE</span>
If the name of the font you saved is not Tangerine, then where you have tangerine change to the name of the font you saved to your template.
And where we have 'YOURTEXT/POST HERE'change to the text you would like displayed.
See example below of a tangerine font I used on our demonstration blog. See Google blogger blog
Breaking your Post/Pages with the Read More tag
It pays you to break your posts with the Read more tags. Apart from organizing your content, there are more benefits to breaking your posts and pages with the Read more tag.
It saves you some bandwidth. Blogger blogs have limited bandwidth. So always do everything you can to reduce the load on your blog.
It helps the page to load faster which helps the page ranking.
It saves visitors the time of having to scroll through all the lengthy posts.
Read more tags gives visitors the summary of several posts on the page.
Since it displays just few lines of each post, visitors would easily click through several posts that interest them, which leads to increase in the page views of each page.
To break your post with the Read more tag, just add this tag : <!-- more --> anywhere you want the post to break.
Make sure you give a single line space (hit the Enter Key once ) before and after the use of the tag.
Removing the Description of your blog from the home page
If you don't want the home page description of your blog to show on your blog's header, leave the description space under Settings blank. But if you want it displayed, just enter the description of your blog and save.
How to Display comment Form Below Posts
Login to your blogger dashboard. Click on "Settings" then "Comment link". When the page displays make sure the "Embedded below posts" is ticked.
Edit any other information you want on the page and save
Click on "Edit HTML" and click on "Expand Widget Template" at the top right hand of the template. Then find the code : <b:include data='post' name='comments'/>
And just after it paste this code : <b:include data='post' name='comment-form'/>
Save your template
Blogger Tips : How to Limit a Widget to Display Only in a Specific Page
Every now and then you would create a widget that you want displayed only in a specific page. Like when you add a forum to your blogger blog
First create a static page or the post where you want the widget to display because you will be using the URL to condition the widget.
Then create the widget by adding whatever you want to it and giving it a title. Then move it to where you want it.
Now go to "Edit HTML" in your dashboard and click on "Expand Widgets Template". With CTRL + F find the name of that widget. And immediately below this code : <b:includable id='main'>
Add this code : <b:if cond='data:blog.url == "SPECIFIC_BLOG_POST_URL"'>
Change SPECIFIC_BLOG_POST_URL to the URL of the static page where you want the widget to appear.
And finally just before this code : </b:includable>
Add this code : </b:if>
Save your template
Sidenote : ALWAYS download your full template first before carrying out any customization. Some of the codes displayed here could have typo errors.
Or just not work with your template. You want to be able to get your previous template format back if you mess up the template during a customization process.
Just in case you run into any trouble with your blog, Google provides help for blogger users in this Forum
Like This Page?
+1 This Post
Complementary copy of the 
New! Comments
Have your say about what you just read! Leave me a comment in the box below.