FAQ Index

1.How to use a custom template in Blogger?
2.How to make sure the post display the correct date and time?
3.How to use Navigation?
4.How to use Sidebar?
5.How to use "About" widget?
6.How to use ADS?
7.How to add Recent Posts?
8.How to add Recent Comments?
9.How to reset Recent Posts and Recent Comments?

How to use a custom template in Blogger?

1. Log in to Blogger.
2. Go to "Layout" under "Dashboard". ( Screenshot 1)



3. Click "Edit HTML" under "Layout". ( Screenshot 2)



4. Upload the new Blogger template. ( Screenshot 3)



If a warning of deleting Widgets pop out, click "Delete Widgets". ( Screenshot 4)

How to make sure the post display the correct date and time?

1. Go to "Page Elements" under "Layout". ( Screenshot 5)



2. Find the "Blog Posts" widget, then click "Edit".
3. Click the third item under the "Post Page Options" to get a pull down menu.
4. Choose the fourth item.

How to use Navigation?

1. Go to "Page Elements" under "Layout". (Screenshot 5)



2. Find the "Top Tabs" widget, then click "Edit".
3. Fill in the blank space according to the cues.
PS: If you get blank space after clicking "Edit" (Screenshot 10), the refer to "How to use About" below to change your links.

How to use Sidebar?

1. Go to "Page Elements" under "Layout". (Screenshot 5), widgets like "Categories", "Archives" are on display.



2. Click "Edit" at the right corner and set them according to your requirements.
3. To add new widgets, click "Add a Gadget".
PS: If some inappropriate layout occurs due to the added widgets, you could put "Categories" on the top of all the other widgets.

How to use "About" widget?

1. Go to "Page Elements" under "Layout". (Screenshot 5)
2. Get the "About" widget, then click "Edit".
3. Edit your content on the blank space under "Content", then click "Save".
PS: Due to the different layouts of some Blogger templates, your content may not be fully displayed. In that case, you could consider reducing the length of content.

How to use ADS?

1. Go to "Page Elements" under "Layout". ( Screenshot 5)



2. Get the ADS that you intend to set, eg, "ADS 125x125".
3. Go to "Edit HTML" under "Layout", (Screenshot 2),



then confirm the checkbox of "Expand Widget Templates". ( Screenshot 11)



4. Click the encoding area under "Edit HTML" ( Screenshot 8), you could click either Ctrl+F or "Find" under "Edit", then input "ADS 125x125" to get your ADS.



5. Search for the code "<b:widget......", and then change the url after "href=....." to your targeted url. Click "SAVE TEMPLATE" to save change.
PS: If you are going to change ADS url to www.google.com, change "href='#'" to href='http://www.google.com'

How to add Recent Posts?

1. Click "Add a Gadget". (Screenshot 12)



2. Get "Feed" widget, and then click "+" button on the right.
3. Enter http://blogname.blogspot.com/feeds/posts/default in "Feed URL" (Screenshot 7), and then change "blogname.blogspot.com" to your own blog url.



4. Click "Continue", and edit "Recent Posts" in "Title". "Save" all your changes.

How to add Recent Comments?

Repeat the same procedure as the "How to add Recent Posts", but enter http://blogname.blogspot.com/feeds/comments/default (Screenshot 7) in "Feed URL". Also, change "blogname.blogspot.com" to your own blog url. And edit "Recent Comments" instead of "Recent Posts".

How to reset Recent Posts and Recent Comments?

1. Go to "Page Elements" under "Layout". (Screenshot 5)



2. Put mouse on the edit button of the added "Recent Posts" widget, you will get a URL on the Status bar, eg,
http://www.blogger.com/rearrange?blogID=3317753173927391091&widgetType=Feed&widgetId=Feed3&action=editWidget
3. Notice what follows "widgetID=", for example, "Feed3" in above url.
4. Also get "widgetID" of "Recent Comments", say, "Feed4".
5. Go to "Edit HTML" under "Layout", (Screenshot 2)



edit the encoding area, (Screenshot 8).



6. Ctrl+F to search "Feed1", get "<b:widget id='Feed1' locked='false' title=.......", change "Feed1" to "Feed3". Also, "Feed2" to "Feed4". ( "Feed1" to "Recent Posts", and "Feed2" to "Recent Comments"）
7. Delete the repeated <b:widget id='Feed4' locked='false'........." and "<b:widget id='Feed3' locked='false'.........", click "SAVE TEMPLATE" to save all your changes.