Add Reddit button with count on your blog

Again here with a cool blogger hack.You read earlier about adding Digg button to your post. So i thought how can i be so rude at reddit since both sites work similar and reddit also provides traffic as same as digg. So this post is dedicated about adding reddit button in your blog. If you are not familiar to reddit and not clear about its benefit for your blog then you can visit Reddit homepage.

Its not hard to add reddit button to your post so that the post can be added to reddit by the readers. Its just some alter of codes like adding digg button and you got it. Ok lets start, first goto Edit HTML section of your Layout and also click Expand widget Templates. Now, search for <data:post.body/>
Now if you want to put your reddit button on the top right then replace the above code with this one.

<div style='float:left; margin-right:10px;'>
<script type="text/javascript" src="http://www.reddit.com/button.js?t=2"></script>
</div>
<data:post.body/>

You can also keep the reddit button on the top right section by relacing the <data:post.body/> by the code given below.

<div style='float:right; margin-right:10px;'>
<script type="text/javascript" src="http://www.reddit.com/button.js?t=2"></script>
</div>
<data:post.body/>

You can keep experimenting with codes to keep it in some more parts of the blog. Anyway, if you liked this then i hope a comment from you.

Tags: blogger hacks, blog hack, make blog better

Create sticky post on blogger!

I used to think if creating sticky post for blogger was that tough work. But thanks to eHow.com which helped me knowing that i was really an idiot to think such. Creating sticky post is really very very easy and its like adding a new page element ob blog. In fact, it is adding a new page element on blog.Sorry, oh you are asking about sticky post? Ok it is that post which always appears when your blog opens just above each post. Confusing? Well, that was the best definition i could give.

To create a sticky post, goto Page Elements section and then click on add a new page element. Now click on HTML/javascript and write what you need to announce or say. After you are done, save it and drag newly written HTML/Javascript item to the blog posts section. Now save and enjoy your sticky post.
If this post was good then read also Adding Digg Bottom in your post and Make your links tweak in blogger!

Tags: blog hacks, blogger hacks, make blog better

Make your links TWEAK in blogger!

This is my second blogger hack on making things tweak in blogger. Before i wrote a post on making images tweak on blogger. Then i thought if i could try making links too Tweak when mouse is placed on it. I tried and i did it. Here is rest on how to make your links tweak in blogger.

Its same like making images tweak. Just editing a hover code and we are done. First, go to your Edit HTML section of your Layout and search for the following code:

a:hover {
text-decoration:underline;
}

Now replace the code with the code given below:

a:hover {
position: relative;
bottom: 5px;
left: 1px;
color:#000000;
}

Now save the template and look at your page, the links tweaked man.

You can change the color of your link to your desired color when it tweaks. Also you can set your own parameters for your tweaking image by editing top and left pixels.
If you got any problems the just leave the comment and i will catch you.

I hope you enjoyed this post the try other blogger hacks like Control number of posts displayed in label page and Remove newer post and older post link from your blog.

Tags: blog hacks, blogger hacks, make blog better

Remove "Newer Posts" and "Older Posts" Link : a blogger hack

Blogger hack on removing the irritating "newer posts" and "older posts" link shown after the end of the post is what i am writing about. This blogger hack belongs to Annie of Blogger university and i am putting this blogger hack here as it may reach to the readers who don't know about her blog.

To remove "Newer posts" and "older post" is easy. It also removes "home" link from the buttom of the page. Firstly search this code in your blogs Edit HTML section:

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

Now replace that code with the following code:

#blog-pager-newer-link {
display: none;
}

#blog-pager-older-link {
display: none;
}

#blog-pager {
display: none;
}

Save the template and thank to Annie, you are done. By the help of this blogger hack, you will never see those links in your blog again.
If this hack was helpful then visit our collection of blogger hacks.

Add google web search widget in your blog

Now we can add Google web search widget in any part of our blog. This widget lets us to search the web from the blog.This small but really cool widget allows us to search any piece of the web.

The widget looks exactly like you saw above. You can add this Google search engine widget in your blog by visiting a blog Widgets for free.

Add background in your blog

Adding background in a blog, that is what we are talking about now. Bored up with the template color and want to add some twist by adding background to a blog then this post is for you.

For adding background in your blog, first you need an background image. Squidfingers is the one with lots of background images. After choosing your background image, you should upload it to the web. I use Google pages for this mostly. Now we found our background image and we uploaded it to the net so what should we do next? Next, shut down your computer. Wait, just kidding. Now search for the following code in your Edit HTMl page of layout section.

body {
background:$bgcolor;

We need to add the url of the background image in the following format:

url(url-of-your-image)

Now put your image url just below the first code and it may look like this:

body {
background:$bgcolor;
url(http://rabinsmith.googlepages.com/pattern_127.gif);

Now replace my url with your own image url. Be sure ; appears at the end of the statement.
Now if you did well then your background must be visible after you save the template and reload your blog.
this was todays post about adding background on your blog. You can also check other blogger hacks like Control number of pages displayed in label page and showing first letter of the post Big.

Show Post title first in search engine

I am here with a new blogger hack and this blogger hack is really fresh as i too just learned it. This blogger hack is about showing your post title before the blog title in search engines and it is called swapping blog title. This blogger hack is really useful for good search engine results.

You must have noticed your blog title shown first followed by the title of post in the search engine result. This thing doesnot sounds that cool. So how to get rid of it? From the help of archit, i finally got rid of it and i am describing the process of the blogger hack here.
Goto layout and then to edit HTML page of your blog. Now search for the following code:

<title><data:blog.title/></title>

If you didn't found that code then you can try searching this code instead:

<title><data:blog.pageTitle/></title>

Now replace that code with the code given below:

<!-- Blogger Swap Title by Archit T at http://blog.archit.in -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title>
<data:blog.pageName/> | <data:blog.title/>
</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<!-- End of Blogger Swap Title by Archit T at http://blog.archit.in -->

Now save the template and you are done. All the thanks goes to archit for this blogger hack.

You can also try other blogger hacks like removing border from header and images and creating float images in blogger.