This is our Blogger FAQ and Help guide on the questions and issues that are commonly raised by Bloggers as well as the readers of our Blog at Tips for New Bloggers. Here, we shall elaborate on the finer details of the customization tips for your Blog template, give further examples, and answer specific queries. For detailed write-ups and discussions on the topics, please refer to the articles in our main Blog. Before changing any template, please remember to save a copy of the current template. After editing the template, preview it, and save it when you are satisfied with the change.
Blogger FAQ and Help

Header
  • Insert an image to the left of Blog Title and Description [read]
  • Add a Horizontal Navigation Bar in Header Image [read]
  • Unable to remove Header Image [read]

Blog Posts
  • Arrange, customize and shift the Blog Posts and Footer elements [read]
  • Insert a picture or image beside the Blog Post Title [read]
  • How to have standard or pre-formatted text in Blog Posts [read]
  • Add Highlighting to Text and Background Color in Text Box [read]
  • Change Blogger Post URL - SEO Tip [read]
  • Change the Post a Comment Link [read]
  • Add scrollbars to text within Blog Posts [read]

Sidebar
  • Add Background color and image to Sidebar Titles [read]
  • Have different Background colors for each widget [read]
  • Style and Position Sidebar Images [read]

Footer
  • How to align Blog Post Footer elements to the left [read]
  • Move Comments Label to below Post Title [read]

Links and Labels
  • How to add Hover, Mouseover and Rollover effects for links [read]
  • Remove automatic number count in Labels widget [read]
  • Remove link underlines in Blog Posts and/or sidebar [read]
  • Be notified by Blogger when there is a Backlink [read]
  • Change and Edit Labels in Multiple Posts [read]

General
  • How to change Background Colour of TicTac Template [read]
  • How to remove the Pencil or Screwdriver and Wrench icons [read]
  • How to add animated graphics in Blogger Post and Sidebar [read]
  • Add Text Box or HTML textarea code in Blogs [read]
  • Know the limits on our Blogger account [read]
  • How to take Screenshots or Screen captures [read]
  • How to change and transfer Blog ownership [read]
  • Change font size and font styles in template [read]
  • How to center align Page Elements [read]
  • How to insert a separator line between each comment [read]

Search Tricks for New Bloggers

banner
We have extended our month-long vacation by a couple of days. We shall be posting articles the moment we return. We noticed that Google had updated the Page Ranks. New bloggers who have been waiting anxiously for this can check their blogs' Page Ranks. We have the PR checker link in our SEO Tools - Search Engine Optimization article.

The blog we created recently in Aug 2007, Blogger FAQ and Help, has also got its first Page Rank, a PR4. All our blogs are now ranked:-

Tips for New Bloggers - PR6
Business Fables and Management Lessons - PR4
Famous Motivational and Inspirational Quotes - PR4
Blogger FAQ and Help - PR4

Thanks to everyone for the support!

Aug 28, 2007

Digg This Story

Pre-formatted text in Blog Posts

Just as we sign off every letter in a particular style, we may want to end every Post with a standard text, signature, logo, graphic or link. There are 2 ways to have this pre-formatted text automatically appear in the template or post template, so that you need not have to retype them every time you post.

Modifying the Template

The first method is to modify the template. Readers who have followed our guides to insert Social Bookmarking Links, AdSense Codes, Digg buttons, etc., will be familiar with template modification. Still, we would recommend this only to the users who are proficient in CSS and codes.

When you are logged in, go to Template -> Edit HTML and check the box next to “Expand Widget Templates”. Scroll to where you see this:-

<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
TEXT


If you want the standard text to appear right after the Post Title but before the Blog Post, insert the TEXT above this code. If you'd like the text to appear immediately after the Blog Post but before the “Posted by” line in the Footer, insert the TEXT below this code.

Because the placement is in the template, to align the text, add the alignment codes like these, before and after the TEXT:-

<div align='left'>TEXT</div>


You can also have images, text links, etc. instead of plain text. These codes are discussed in Hyperlinks and Image Links.

Using Post Template

This method is what we think every Blogger can easily use to insert standard text, boilerplate clauses or pictures into every post. It is Blogger's way of saving you the time of retyping these into every post. You can therefore configure the text that you want, and insert that once into the Post Template. This text will always appear in the Post Editor when you create a new Post in the same manner as a signature is appended to each of your Yahoo or Google mail. In short, your Post Editor is now pre-formatted to include this text.

First, create a draft post. Use the “Compose” mode and type in the text, add the links, change the font style and color, etc. When you are happy with the text, switch to “Edit HTML” mode. Copy the entire piece of writing together with all the style codes.

Pre-formatted text in Blog Posts

Next, go to Settings -> Formatting and at the bottom of the page, you will see a “Post Template” box. Paste the code into the box and click “Save Settings”.

Pre-formatted text in Blog Posts

The draft post we created may be deleted. The next time we write a new post, this pre-formatted text will appear in the Post Editor. We can delete or edit this text or leave it at the foot of our Post.

Pre-formatted text in Blog Posts

© Tricks for New Bloggers

Found this article useful? Mention us in your post, subscribe to our feed, link to us, or bookmark this site. Thanks for your support!AddThis Social Bookmark Button

4 comments:

Maureen said...

Thanks for your help! Even though I have tweaked my template quite a bit, I never realized how to do this... now you've saved me an extra step of adding my signature on every post! Thank you!

Sara said...

I'm trying to do something similar to this, something like a blockquote, but after I have the div class, the rest of the post doesn't follow the default format of the post text. I want everything to look the same, but something is happening with the div class.

Jingalink said...

"Look forward to hearing from you again."

Thanks. How often do you post?

www.jazoink.com

knew_roll said...

hi. it's really helpful to learn lots of things in ur site. but i couldn't find a way on how to show it in half text. i know in setting>publishing, i can author and choose 'SHORT TEXT'... but it come out only with a paragraph. do you know how to make the post maybe max 50 words, then i can click to 'more info' link at the end of the post sentences...
hope u can understand what i'm trying to say... really appreciate ur help., thanks