Blogger Tips & Tricks

Adding widgets to blogger plays a Great role in optimizing Blogger Blogs. These are done by hacking the blogger template code snippets. Perhaps, not the experts, but the beginners in blogging must be wondering about "moving any bar", adding "recent comment" widget, adding "recent posts" etc. These modifications can also done by any beginner in blogging world.

I am happy to share a great site I found which have all this hacks/techniques to bring about significant changes assembled together. Now, you don't have to surf crazily to get those widgets installed on your blogger blogs.

Some of the Tips and Tricks are as follows

1. Expandable Posts or Read More Hack

2. Recent Posts Widget

3. Recent Comment Widget

4. Top Commentators Widget

5. Remove Label Post Count

6. Add Page Element to Header and Blog Posts

7. Sticky Posts in Blogger

8. Add Images or Icons to Sidebar Links

9. Remove NavBar in Blogger

10. Add Scrollbars to Blog Widgets

11. Add Favicon to Blogger URL

12. Simple Search Widget

13. Wrap Adsense Ads in Post Body

14. Special Effects for Peekaboo Posts

15. Page Navigation Hack for Blogger.......

More are there with detailed explanations in the site below:

50 Amazing Blogger Tricks & Hacks

Technorati Tags: blogger tips,blogger,widgets,expandable post,recent comment widget,recent post widget,label,sidebar,Adsense,Sticky post

read more

Add “Email Me” link html/javascript for your webpage/blog

Adding email me link to blog/site helps the visitors to contact the author. In this way author gets to know the need and query of the visitor better. This can help the webmaster to generate traffic. The more a author of blog/site become convergent to his visitors more is the probability of traffic to his webpage.

However, just putting the email address on the site like xyz@gmail.com invites the spammers to get your email id. No sooner do they get your ID than your inbox is flooded with unwanted mails.

So, why not think of a way which lets the good readers contact you and not the Spammers. Don't worry I have a way to keep the spammers away as a cow who keeps the flies away from her body using her tail....Sorry, I was just joking.

So here is the way..

Text Link:

Suppose,your email id is xyz@gmail.com ,here is the code you have to add

<a href="mailto:xyz@gmail.com">Email me </a>

Image link:

Suppose,if you want the visitors to email you by clicking on an image like the below one

First you have to upload your picture to some image hosting services.They will give a direct link for the uploaded image.Take a note of it.

<a href="mailto:abc@gmail.com"><img src="http://i592.photobucket.com/albums/tt10/anand_chauhan/email.gif" alt="Email me" width="120" height="57" border="0" /></a>

I have used this link :

http://i592.photobucket.com/albums/tt10/anand_chauhan/email.gif

you may use this link or get another by uploading your picture to image hosting sites like "Photobucket" etc.

Technorati Tags: Email me Link,Email,Javascript,html,photobucket,mail,albums,webpage

read more

Add Tweet Button In Your Post

Twitter is one the most famous social networking site where people meet and share their thoughts. People get to know each other and interact online. It is nowadays one of the most efficient media where one can use its networking power to pull traffic to their respective sites, blogs or splash pages. In twitter.com one is just required to follow people who bear like mindedness and get followed by similar people. Personally I prefer twitter.com more than any social networking sites.

To pull traffic from twitter I have utility to explore. Its called "tweet button". It facilitates the visitors to share a certain post or article on your blog by just a single click. The button comes in two format: compact and full.

visit the site Tweetme for detailed specification.

To add the tweet me button in blogger blogs I have illustrated the process in best way I could have.

Before following the illustration download the full template as precautionary major

Process:

login to your blogger account and follow the following path

Layout>> edit HTML

Mark the "expand widget" box.

Find for the snippet <data:post.body>

paste the below code just above this code

For FULL MODE

<div style='float:right; margin-left:10px;'> <script type='text/javascript'> tweetmeme_url = &#39;<data:post.url/>&#39;; </script> <script src='http://tweetmeme.com/i/scripts/button.js' type='text/javascript'/> </div>

For COMPACT MODE

<div style='float:right; margin-left:10px;'> <script type="text/javascript"> tweetmeme_style = 'compact'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script> </div>

Preview the template, if there is no error then save the template and Tweet crazily....

If you are really helped by this post then tweet me please.

Technorati Tags: Blogger code,Blogger tips,Twitter,widget,javascript,retweet button,tweet button

read more