How to Add Recent Twitter Tweets Using JQuery to Blogger 0

| | ,

1.Login to your blogger dashboard--> Design - -> Edit HTML.

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just before the </head> tag .

<script src="" type="text/javascript"></script>

<script type="text/javascript" charset="utf-8">

function showTweets(elem, username, number)
var html = '<ul>';

var tweetFeed = '' + username + '.json?count=' + number + '&callback=?'
$.getJSON(tweetFeed, function(d)

$.each(d, function(i,item)

elem.children().fadeOut('fast',function() {

$(function() {
showTweets($('#tweets'), 'blogger9_com', 5)


<style type="text/css">
#preload {display: none;}

#tweets ul li{
margin:0 0 0;
padding:0 0 0;

NOTE : Replace blogger9_com with your twitter username.

4.Now save your template.

5.Go to Layout --> Page Elements.

6.Click on 'Add a Gadget'.

7.Select 'HTML/Javascript' and add the code given below:

<div style="font-size:12px;font-family:Arial;">
<div id="tweets">
<h3 id="error">There was a problem fetching tweets</h3>
<h3 id="preload">Currently loading your tweets...</h3>
<ul><li style="list-style-type:none;"><a href="">Follow me on twitter</a></li></ul>

Now save your are done.

StumpleUpon DiggIt! Blinklist Yahoo Furl Technorati Simpy Spurl Reddit Google I'm reading: How to Add Recent Twitter Tweets Using JQuery to Blogger ~ Twitter FaceBook

0 Responses So Far:


Select Your Categories