“Twitter Updates” On your Blog

Twitter is one of the most efficient site which is capable of driving lots of visitors to your blogs. I personally use Twitter to pull traffic. The short messages termed as Tweet is quite fascinating which lets the users share their ideas. It is one of the best way of micro-blogging. Tweetmeme is a service which lets you promote your blog by tweets. It guarantees that its a mechanism which lets you get 1000’s of new followers on twitter

I would like to share a simple way to integrate “Twitter Updates” on your blog. Its very simple to execute and quite efficient as it lets your blog reader follow you on twitter and get your latest updates too

Now how to integrate

Follow the steps:

Steps:

Go to:

Layout > Page Elements. Click on Add a Gadget. Select HTML/JavaScript from the list. Copy/paste the code given below and Save.

<div id="twitter_div">
<h2 style="display: none;" class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a id="twitter-link" style="display: block; text-align: right;" href="http://twitter.com/anand_chauhan">follow me on Twitter</a>
</div>
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
<script src="http://twitter.com/statuses/user_timeline/anand_chauhan.json?callback=twitterCallback2&amp;count=5" type="text/javascript"></script>

Just replace the red letter line in the snippet by your Twitter username.

Tweet This post if you liked it...

Technorati Tags: Blog Widgets,twitter,javascript

read more

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 Tag Cloud In Blogger Blog

 

TAG CLOUDI wondered a lot about having a tag cloud widget in my blogger blog. I ultimately, after a huge Google organic search got my self a tag cloud in my blog. I would like to share the same with you all.

First of all login to your Blogger account and then follow this path layout>> add widget

Then select the "label" option from the window. click save and view the blog.

Now again follow the path layout>> Edit HTML
Check the "expand widget" box

Search for the line

<b:widget id='Label1' locked='false' title='Tags' type='Label'>

in the template code or find for the word "label" in the template code as the code may vary.

*Replace the code with the following code snippet

<b:widget id='Label1' locked='false' title='Tags' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content' style='text-align: justify;'> <script type='text/javascript'> /* Simple Blogger Tag Cloud Widget by Raymond May Jr. http://www.compender.com Released to the Public Domain */ //Settings / Variables var max = 150; //max css size (in percent) var min = 70; //min css size (in percent) var showCount = false; // show counts? true for yes, false for no var minCount = 1; // what is the minimum count for a tag to be shown? 1 for all //Begin code: var range = max - min; //Build label Array var labels = new Array(); <b:loop values='data:labels' var='label'> labels.push("<data:label.name/>"); </b:loop> //URLs var urls = new Array(); <b:loop values='data:labels' var='label'> urls.push("<data:label.url/>"); </b:loop> //Counts var counts = new Array(); <b:loop values='data:labels' var='label'> counts.push("<data:label.count/>"); </b:loop> //Number sort funtion (high to low) function sortNumber(a, b) { return b - a; } //Make an independant copy of counts for sorting var sorted = counts.slice(); //Find the largest tag count var most = sorted.sort(sortNumber)[0]; //Begin HTML output for (x in labels) { if(x != "peek" && x != "forEach" && counts[x] >= minCount) { //Calculate textSize var textSize = min + Math.floor((counts[x]/most) * range); //Show counts? if(showCount) { var count = "(" + counts[x] + ")"; }else{ var count = ""; } //Output document.write("<span style='font-size:" + textSize + "%'><a href='" + urls[x] + "' style='text-decoration:none;'>" + labels[x] + count + "</a></span> " ); } } </script> </div> </b:includable> </b:widget>

Save the template and you will be having your tag cloud

Technorati Tags: java script,blogger,blogger code,widget,tag

read more