Posts tagged blogger
Replace tags with an Image
Apr 9th
The tags can be replaced by an image of your choice in blogger by just replacing and adding small pieces of code in the template by using Edit Html of the layout.
Preview:
Here is what you should do: 1. Go to Layout->Edit Html 2. Download Full Template (This is to backup your template) 3. Check the Expand Widget Templates 4. Now search for the code below
<span class=’post-labels’> <b:if cond=’data:post.labels’> <data:postLabelsLabel/>
5. Replace the code in bold by this code:
<img src=’http://bloggertipspro.googlepages.com/tags.png’ style=’border:none; background:#FFFFFF;’ title=’Tags’/>
You can replace this http://bloggertipspro.googlepages.com/tags.png by the link of the image you want to display
6. Save the Template
More >Replace Home and Posts Links by images in Blogger
Apr 3rd
Navigation Links in Blogger are visible as text links usually at the bottom of each page. It is always good to have images as links for navigation, simple text links usually do not attract attention but image links accentuate the navigation links. This hack will show that just by uploading the images and replacing some code in your template, your image navigation links will be up and running.
The new navigation links will look like this:
You can have images other than these for home and post links(newer and older).
Here is a simple hack to replace text in navigation links to images:
1. More >
Blogger Tag Cloud / Label Cloud
Mar 22nd
It looks great if instead of keywords you have a tag cloud, it is more graphical and looks quite better. Tag clouds are available in other Blog sites but it was not available for Blogger blogs, but now there is a pretty decent tag cloud for Blogger. This blogger hack is available at this Link
Here’s a little preview of the tag cloud:
Embedded Comment Form Below Blogger Post
Mar 21st
Blogger has recently added the embedded comment form which is placed below the blogger post.
I have added to the idea posted by tandtu-blog
To add this form to your Blogger blog
First go to Settings>Comments and then check the radiobutton as shown in the figure.
After Checking this button you will see a form below your blog post but if you have installed a custom template then you may not see a form.
To Include the form:
1. Go To Layout>Edit Html2. Save your template so that you do not lose any data.3. Check the Expand Widgets Template on your checkbox.
Then search for this line More >
