blogger

Removing Navbar From Blogger

Apr 10th

Posted by Gautam in blogger

1 comment

Navbar is a small toolbar provided by blogger.com which is placed at the the top of your blogger blog. It looks like this:

Blogger Navbar

Some people would like to remove this toolbar because it may not look good or may not match with the template. Here’s how you can remove the navbar: 1. Go to Layout->Edit Html 2. Download Full Template 3. Check the Expand Widget Templates 4. Search for this code

<b:skin><![CDATA[/

5. Below the above code paste the code below

#navbar-iframe { height:0px; visibility:hidden; display:none; }

6. Save the Template

After this your navbar is completely removed.

More >
, ,

Replace tags with an Image

Apr 9th

Posted by Gautam in blogger

2 comments

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 >
,

Random Posts Blogger Widget

Apr 7th

Posted by Gautam in blogger

56 comments

I have developed a Random Posts widget for Blogger Blogs. Random posts widget displays random links of your blog. This help show content that is neither recent nor popular (because it is random ). The widget displays links in form of link lists. So you change the layout by changing the css of your blogger template.

Here is an example of the widget:

Installing this widget in your own Blogger blog is very easy:

1. Change the title of the widget if you want. 2. Change the number of posts links you want to display. 3. Click the “Customize” button to make the More >

Recent Posts And Recent Comments Widget

Apr 6th

Posted by Gautam in blogger

4 comments

To increase the number of pageviews per user you need to add links so that the user does not leave the site.

This can be solved by adding links to other posts. You can display recent posts and comments just by following these simple steps

1.Go to Layout>Page Elements 2.Then click on Add Gadget

3.Then click on the Feed Gadget

Add Feed

Add link in the Feed url

4.For the Recent Posts widget put the following link in the Feed url:

http://Your-blog-name.blogspot.com/feeds/posts/default

Your-blog-name – Should be link of your blog (e.g abc.blogspot.com)

Now just change the title to Recent Posts and then click save. After saving the widget you More >

, ,
« First...«1011121314»
]