There are times when you want to insert plain text into your Blog Post or template. This may be a piece of HTML code or JavaScript that you would like readers to copy, such as the “Link to Our Site” code in the sidebar. It could also be the Terms of a Legal Agreement that users can view. As we shall be discussing in our article on creating forms in Blogs, the text box can also be used in
More about → Add Text Box and Textarea
Highlighted Text with Colored Background
Posted by Unknown
When typing a Blog Post, the font colors can be changed using the tool provided in the rich-text Post Editor. Unfortunately, there is no icon or tool to add highlighting to the text. However, as we shall discuss, it is possible to add highlights to the text and choose a color to appear behind a word or lines of text. This tutorial will also explain how to enclose the text within a box with a
More about → Highlighted Text with Colored Background
{ Add comments }
Animated Graphics in Blogger
Posted by Unknown
You would have noticed that when you upload animated graphics into your Blog Post, the animation doesn't work. What you see is a static picture. Likewise, when the picture is added into the template via Template -> Page Elements -> Add a Page Element, the picture animation is removed. Blogger doesn't ban animated graphics. While they cannot be easily uploaded by using Blogger's uploading
More about → Animated Graphics in Blogger
{ Add comments }
Quick Edit and Screwdriver Wrench Icons
Posted by Unknown
If you are new to Blogger software, once your Blog is up and running, you will see some strange icons. One is a picture of a pencil at the Post Footer and another is a screwdriver and wrench icon at the bottom right corner of every widget. Is there a way to disable them? Why are they there in the first place? Don't they look unsightly in the Blog design?Allay your fears. However unsightly
More about → Quick Edit and Screwdriver Wrench Icons
{ Add comments }
Pre-formatted text in Blog Posts
Posted by Unknown
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 TemplateThe first method is to modify the template. Readers who have
More about → Pre-formatted text in Blog Posts
{ Add comments }
Remove Underline below Text Links
Posted by Unknown
In some templates, the text links are underlined. This distinguishes the hyperlinks from the normal text. If you don't like that, you can remove the underlines. You can also modify the template to have underlines only in the main posts and not in the sidebar or vice-versa. This tutorial will show you how it can be done.As explained in our article Links – Hover and Rollover Effects, when you
More about → Remove Underline below Text Links
{ Add comments }
Background Colour of TicTac Template
Posted by Unknown
This guide shows you how to change the background color of the Blog Posts or Sidebar in a TicTac Template. Changing the background color of a Blogger template is not difficult. You can follow our guide at Background Image for Blogger Template which discusses as well the way to add a background color to the entire Blog, Blog Posts or Sidebar. While this works in most of the Blogger templates,
More about → Background Colour of TicTac Template
{ Add comments }
Image beside Blog Post Title
Posted by Unknown
We had in our earlier article showed you how to add Images or Icons to Sidebar Links. Many readers are also interested to add images next to the Blog Post Titles. You can have a small picture to automatically appear in every Post Title. This guide will explain how this can be done.The image we are talking about has to be small, perhaps about 20px in width. But for the purposes of this guide,
More about → Image beside Blog Post Title
{ Add comments }
Header Image beside Blog Title
Posted by Unknown
Instead of having an image occupy the entire Header section, some might want to have a small image beside the Blog Title and Description, either on the left or on the right of the Header. Blogger has a simple feature which allows you to upload an image to the Header. However, as we had explained in our article Background Image for Blogger Header (New), this image appears as a backdrop to the
More about → Header Image beside Blog Title
{ Add comments }
Align Post Footer Elements
Posted by Unknown
We realized that in some templates like the Rounders Template, the post footer elements such as Comments link, Email Post link and Labels are aligned to the right.This looks pretty odd in some Blogs where there are many Labels to a post. To align these elements to the left, go to Template -> Edit HTML and scroll to this part of the template code:-.uncustomized-post-template .post-footer {
More about → Align Post Footer Elements
{ Add comments }
Arrange and Customize Blog Posts Elements
Posted by Unknown
We wrote an article on customizing Blog Post Footer elements, adding pictures, signature, changing the wordings of the elements, etc. If you are not thinking of adding images, but simply changing the text or the position of these Blog Post elements, there is an easy way to do it.Login to your Dashboard, go to Template -> Page Elements. You should be able to see the “Blog Posts” widget. Click
More about → Arrange and Customize Blog Posts Elements
{ Add comments }
Style and Position Sidebar Images
Posted by Unknown
When a picture is added to the sidebar, using Template -> Page Elements -> Add a Page Element -> Picture, there is an option at the bottom of the panel for you to have the picture “Shrink to fit”. Choose this option and the image will be automatically resized so as to fit your sidebar. Otherwise, it might appear to exceed the width of the sidebar. Once the picture is added, when you view the
More about → Style and Position Sidebar Images
{ Add comments }
Sidebar Title Background Color and Image
Posted by Unknown
The sidebar usually has many different widgets, ranging from links to labels to advertisements. It is wise to make the Headers in the sidebar stand out from the contents. Navigation will be easier for the readers, and with a unique choice of colors, you can draw the attention of the readers to these widgets.Background ColorWe can add a background color or a background image to the sidebar
More about → Sidebar Title Background Color and Image
{ Add comments }
Remove Label Number Count
Posted by Unknown
By default, the Labels Widget that can be added into your Blog through Template -> Page Element -> Add a Page Element will have an automatic count of the number of posts bearing that label tag.If you don't like to see the count, or you want to change the brackets to square brackets or something else, you can edit the template code. Before any change, remember to back up your template. Go to
More about → Remove Label Number Count
{ Add comments }
Hover Links and Rollover Examples
Posted by Unknown
These are the examples referred to in the article on Links Hover and Rollover Effects.Example 1:a:link {color: #0066CC;}a:visited {color: #cc0000;}a:hover {color: #2D8930;}a.exampleone:link {color:#0066CC;}a.exampleone:visited {color:#cc0000;}a.exampleone:hover {color:#2D8930;}This link changes to red color when visited and green when mouseover.Example 2:a:link {color: #0066CC;}a:visited {
More about → Hover Links and Rollover Examples
{ Add comments }
.jpg)
