Friday, 14 January 2011

How to ... add a Twitter Feed to your Website

Yup, it's that time of the week again. Doesn't time fly?

This week I'll show you how to display your Tweets (or Twitter Feed) on your website or Blogger Blog using the Twitter Widget. This post does assume that you have a Twitter account and are using the 'new' version of Twitter, and have a website or blog to add it too!

1. First of all log in to your Twitter account, then click on your Twitter name in the top bar (highlighted by the pink arrow below) to access the menu & choose 'Settings'.


Screen shot from http://www.twitter.com/picseli on 14th January 2011

2. On the 'Settings' page click the 'Profile' tab and under where you can add a web address, you should see a message that says '(You can also add Twitter to your site here)', check out the pink arrow in the picture below, and click it - the link, not the pink arrow:

Screen shot from http://www.twitter.com/picseli on 14th January 2011

3. You'll then see a screen asking you to 'Select Your Widget'....

Screen shot from http://www.twitter.com/picseli on 14th January 2011

4. Choose 'My Website' and you'll get the following options:

Screen shot from http://www.twitter.com/picseli on 14th January 2011

Twitter explains pretty well what they do, so I won't go into that. To display your tweets click on the first option 'Profile Widget'.

5. On the next screen, on the right hand side, you'll see an example of how your feed will look. As you make chenges this will change so you can see exactly what you'll get. Check your username and if you are happy with what you've got, click the 'Finish & Grab Code' button and head to Step 9 below.

Screen shot from http://www.twitter.com/picseli on 14th January 2011

6. On the Preferences screen you can change how many tweets are displayed, how they are loaded etc. For every change you make, click the 'Test settings' button to view the changes. In the screen shot below I have:
  • Ticked 'Poll for new results?'- This means that the feed will be updated in real time, so when you tweet, the latest tweet is displayed without having to reload the page.
  • Ticked 'Include scrollbar?' - This means that if the space needed to display the twitter feed is longer than the box a scrollbar will be added.
  • Upped number of Tweets to be displayed to 10.
  • Ticked 'Show hashtags?' - if this is unticked it won't display any text that is preceeded with a #, so in the case of the #facebook tweet above, you wouldn't get the full meaning of the tweet.
  • Ticked 'Show avatars?' - to display people's images by their tweets.

Screen shot from http://www.twitter.com/picseli on 14th January 2011

The settings I haven't mentioned are:
  • Timed Interval - which will display tweets one at a time, rather than loading them all at the start.
  • 'Show Timestamps?' - which displays the timings of the tweets.
When you are happy with your settings, click on the Appearance tab on the left hand side.

7. On this screen you can change the colours of the widget to match your website, so play around and find the colours that suit. Here we've updated it to better match Picseli's colours:

Screen shot from http://www.twitter.com/picseli on 14th January 2011

Click on the text box or coloured square you want to update and use the colour picker, or if you have a corporate brand and access to the Hex codes you need to use, you can simply enter these. You'll notice your demo widget updates as you change colours, no need to click the 'Test settings' button.

When you're done, click on the Dimensions tab.

8. Here you can resize the widget to fit the space you need. This can be a bit tricky and may require a bit of trial and error to get it spot on, however, the auto-width option can be very handy here! Tick this option to have your widget fill the space available. Unfortunately, as it says, you can't test your size settings here.

Screen shot from http://www.twitter.com/picseli on 14th January 2011

9. When you are happy with your widget, click on the 'Finish & Grab Code' button. Here you'll be taken to a page with your HTML code (or, if you want to add your feed to Blogger, a handy 'Add to Blogger' button.)

Screen shot from http://www.twitter.com/picseli on 14th January 2011

If you know what to do with HTML, copy the code and do with it what you will!

If you don't, copy the code and send it to your friendly web developer and ask them to install it for you.

If you want to add it to a blogger site click on the 'Add to Blogger' button.....

10. You will be directed to the Blogger website, where you will be asked to login (if you aren't already) and then asked to select a blog and enter a title for your widget.

Screen shot from http://www.blogger.com on 14th January 2011

(If you click the 'Edit Content' link, you'll see the HTML code thats been passed from Twitter to Blogger.)

Click 'Add Widget' and Twitter will be added to your blog.

If you look towards the bottom of this blog in the right hand bar, you'll see Picseli's Twitter Widget!

Good luck & have a great weekend!

86 comments:

web hosting uk said...

Thank you very much, I've been wanting to integrate twitter on my web site.

seo reseller said...

This will be great for my site, integrating social networking will make my site more visible. Thanks.

experiential marketing said...

Social networking such as Twitter can make your website visible out in the market and people would be able to get news and updates from you. Thanks.

Theodore Smith said...

I'm currently in the process of rehabilitating my website and by adding Twitter can surely help me reach more people. Thanks.
long island seo

Perth web design said...

Integrating the use of social media for your website is something that most business do nowadays. Thanks.

George Smith said...

Integrating Twiter in your website is a great idea in engaging to your followers. You can reach to a wider audience and helps you in spreading information faster.

web design norwich

jessie bobsy said...

Thanks for sharing these steps. I think integrating your Twitter to your website is a good way to increase your followers and reach your existing followers.

seo company

event marketing said...

Integrating other social media tools in your site can really improve the traffic of your site's business.

daniellaprice30 said...

Thanks for these tips! I'm going to use these for my job in seo in Perth. I will also share these to my colleagues.

عرب سينا said...

Thank you very much
موقع عرب سينا arabcena
http://www.arabcena.com/

SEO Company The Seo Portal said...

Is integrating twitter with our website help in any way in search engine optimization of our website ?

Website Redesign said...

You can know all about the twitter feed to your website from the post. Useful information

SEO said...

is integrating this tweet also help in ranking of website ? as i think this integration help us in improving crawl rate of website

Website Outsourcing India said...

Nice information on adding twitter feeds to websites is given in the post. I like the quality and the way in which the post is written

cara membuat email said...

please follow back i have been following you.. thanks for the articles...

Unknown said...

Is there any further reading you would recommend on this?

Amela
Avon Seo company

Amy Watson said...

If you’ve decided to build a Facebook Page for your business, you’ve made the right choice. In fact, you’ll be joining 60 million businesses worldwide who already market on Facebook via a Page. This is a very useful content for your business. Best facebook marketing

Minnesota web design said...

Thanks for sharing these steps!

reginald surict said...
This comment has been removed by the author.
reginald surict said...

The following article will help you understand how to tell if your phone is hacked. Hope it helps.

Stefan Carl said...

Top quality assignment writing service is given by our experts on assignment help Ireland in Ireland from students assignment help.com. So if you need the best assignment writing help, you can mail us at info@studentsassignmenthelp.com.

Ishi bansal said...

Want to give your business a kick-start? Wonder mouse technologies, India’s fastest growing website designing company in india platform brings you unparalleled web development company in india, mobile app development, android app development services, that too in an affordable price quote. A group of young enthusiasts are here to cater for your success by providing all round business development help. Hundreds for well-tested strategies are implemented after measuring the current market for significant future growth.

meldaresearch said...

Case Study Writing Service Provider are not that expensive for Custom Case Study Writing Services since they complete high standard Case Study Assignment Services?

kristina Rose said...

Thanks for telling us how to embed twitter feed on our website it is very essential now a days because large number of students using social media for their academic purpose.Top cheap essay writing service guides students to write their dissertation.

Anonymous said...

Sociology students always look for the Best Sociology Paper Writing Services since it’s very difficult to complete Sociology Research Paper Services and Sociology Essay Writing Services on time.

meldaresearch said...

Do you have an insight where to acquire Nursing Assignment Writing Services? Hire our Nursing Research Paper Writers for all your Nursing Coursework Help Writing Services.

Florahmelda said...

Accounting paper writing services are essential and they have become very popular for those seeking accounting coursework writing services since most of them seek Accounting Writing Services.

Grace Ella said...

Adding twitter feed to my website was intimating task for me. When I read your post, I passed this step easily. Your post is effective and we can learn a lot of things from it. I like your 3 points “You'll then see a screen asking you to 'Select Your Widget'....”. Thanks for the informative post. Assignment writing services


Sankar said...

IEEE Final Year projects Project Centers in Chennai are consistently sought after. Final Year Students Projects take a shot at them to improve their aptitudes, while specialists like the enjoyment in interfering with innovation. For experts, it's an alternate ball game through and through. Smaller than expected IEEE Final Year project centers ground for all fragments of CSE & IT engineers hoping to assemble. Final Year Projects for CSE It gives you tips and rules that is progressively critical to consider while choosing any final year project point.

Spring Framework has already made serious inroads as an integrated technology stack for building user-facing applications. Spring Framework Corporate TRaining the authors explore the idea of using Java in Big Data platforms.
Specifically, Spring Framework provides various tasks are geared around preparing data for further analysis and visualization. Spring Training in Chennai


The Angular Training covers a wide range of topics including Components, Angular Directives, Angular Services, Pipes, security fundamentals, Routing, and Angular programmability. The new Angular TRaining will lay the foundation you need to specialise in Single Page Application developer. Angular Training

sam smith said...

QuickBooks provide qualified and expert professional for all the QuickBooks version,if you want to update your Quickbooks software you can visit our website,our technical provider provide you the complete information you can contact with us any time 24*7 our QuickBooks support phone number Quickbooks customer support number.

assignmentdoer said...

The article has some good and serviceable information. It was very well authored and easy to understand. I hope that you resume to do your work like this in the future also. Thanks for sharing.

Psychology Assignment Help

dorcassmith said...

Students find Nursing Assignment Writing Services as being of great assistance since they are able to seek our custom nursing research writing services and nursing homework assignment help services on time.

Karen Gillan said...

Everyone using twitter and other social media sites. In other words you can say it become part of our life. junk my car for cash trained their employees to generate business from social me channels.

meldaresearch said...

The ultimate goal of entrepreneurship coursework writing services is to provide Entrepreneurship Writing Services and entrepreneurship essay writing services since entrepreneurship assignments writing service seekers lack time to complete their entrepreneurship term paper writing services.

Optimind - SEO said...

I will surely share this with my friends to also try your tips. Thanks by the way.

Hughes said...

Top cheap essay writing service

Quirinus Solution Ltd said...

Marketing Dissertation Help
Public Relations Assignment Help
Business Environment Assignment Help
Essay Writing Services
Dissertation Writing Services
Assignment Help in UK
History Assignment Help
MBA Assignment Help
English Assignment Writing Help
Ella Phillips at eyeka

MING said...

LINK1
LINK2
LINK3
LINK4
LINK5

thomas said...

I love what you guys tend to be up too. This type of clever work and reporting! Keep up the awesome works guys I’ve added you guys to our blogroll.
Moviesda

Delete AOL Email Account said...

Awesome blog. I enjoyed reading your articles. This is truly a great read for me. I have bookmarked it and I am looking forward to reading new articles. for more info read the blog as mention.

Anonymous said...

Searching for online class help near me? Take My Online Class For Me has the best online class takers who provide instant help with online classes, courses & exams.

John P. Ketchum said...

It seems quite easy to asset protection
romanticise the life and work of a bodyguard. We can often see them on TV and News Channels, protecting people. If they’re not saving the presidents from terrorist attacks, they are busy protecting celebrities who miraculously fall in love with them.

Anonymous said...

Elite Assignment Writing Services UK - DesiWriters.co.uk: Avail our Essay Writing Service UK to get your desire results, order now Online custom assignment writing with team of executive writers.

Rodney Janis said...

I really love your write-ups guys continue the good work.
UX design agencies San Francisco

James Herry said...

These articles are helpful for the students,who are searching for the education and technology articles.Please visit our articles oregonstate.edu
upf.edu
.usc.edu

Bertram Debra said...

We Deliver 100% Original Work as an Essay Writing Service - DesiWriters: Are you looking for Best Essay Writing Service. Get help with Essay from Desi Writers Buy Custom Essay Online.

Duway said...

Thank you for nice information 😊
Visit Mywebsite :
Visit us

Auto garage near me Abu Dhabi said...

Nobody wants to start the day discovering that their car’s air conditioning is not working, the bad air-conditioning not only effect your driving comfort c also affect your car performance as well? Depending onAuto garage near me Abu Dhabi the make and model of your car, a broken belt in the air conditioner can cause more problems for your vehicle. Do not wait until it’s too late! If it’s as simple as recharging the refrigerant or installing a new compressor, then ALSA Automotive Repair will help keep you cool and your care cool.

Cavalli tower property for sale said...

Come home to impeccable style with Cavalli interiors, a tribute to exquisite finishes and bold designs that reflect an elevated way of life.
Cavalli tower property for sale
the lobby to the living spaces, every inch of space is a true testament of taste – with high ceilings and rich details

Car fabric cleaning service Dubai said...

 We specialise in cleaning fabric seats, leather seats and all internal parts. We clean all door trims, dashboard, carpets etc usingCar fabric cleaning service Dubaispecial shampoo. Our chemicals don’t harm or discolour any of the interior part rather they give a shiny original look to them.

SOIL MODIFICATION in houston, texas said...

Soil modification Houston Texas, also referred to as “mud drying”, consists in changing the physical characteristics of the soil to improve its bearing capacity. SOIL MODIFICATION in houston, texas

Epimedium in dubai said...

A natural aphrodisiac Epimedium in dubai that gives you energy and relief from erectile dysfunction and enhances both female arousal and male performance

shopify said...

Along with writing help at the best price on the market, get custom assignment help we have other pleasant surprises for our customers.

Anonymous said...

Searching for Take My Class Online or do my online class? Get the best online class help from Online Classes Hub. We take your classes and courses.

Akshat Sharma said...

https://micrordt.com/ Download scientific diagram | Finite element simulation result for the resonance frequency of the micro-RDT accelerometer. from publication: Fabrication and characterization of a microaccelerometer based on resonant-tunneling diodes.

Anonymous said...

that looks like a very lengthy task to change the settings, it almost like bank guarantee facility asits lengthy too

Buy chocolate gift Dammam said...

We are The Truffleers and we have a passion for delicious, chocolate truffles! Our exquisite truffles have been lovingly made inBuy chocolate gift Dammam France since the early 1930’s using only the finest, most exquisite ingredients. Magnifique!

high-quality wine shirt club said...

Every T-shirt will arrive in a slim fold-over envelope, with information about the month’s featured winery or vineyard. We offers specialty gift wrapping high-quality wine shirt club

ol said...

I like the valuable information you provide in your blog. I’m quite certain I will learn lots of new stuff right here! dissertation help UK

TamaraYeo said...

you are amazing. you are brave. you are strong! check this link out custom kitchen cabinets

Gigi Smith said...

conquer the world with a smile. but first check this link out financial counselor

TillyRacker_ said...

leave a little sparkle wherever you go, so check this link out private investigators near me

yellowstone tv series official merchandise said...

boneshia fashion is best leather jacket website 2022. we make leather jackets and coats of the best quality. buy boneshia.com and get the bestyellowstone tv series official merchandise leather quality. buy now.

JKM SOFT SOLUTION said...

why app soft solutions is getting popular in UK & USA as no one wants to settle for less
At JKM, we have believe in aglie and simplified a team soft solutions usa culture which is backed by strategic business tenets to grow your business.
JKM comprehensive best school erp software is designed for education institutions which acts as a personal assistant

JKM Global Services said...

The right Logo Designing Services in USA says everything about a company; it evokes a sense of connectivity between the company and its consumers

JKM SOFT SOLUTION said...

your post is awsome its very knowageful content i never read any blog like this your are a good wrighter and thankyou for this articel .Android App Development Company california & UK

NURSERY ADMISSIONS said...

We provide Manpower Consultancy Services friendly interactions with our staff who also guide you along the way till you reach your destination.

Great Assignment Helper said...

Fetching excellent grades and Time bound deliveries have been the hallmark of Assignment Help UAE at GreatAssignmentHelper.com. Our experts are also known for prompt support and two-way communication with understudies while offering Online Assignment Help round the clock. Sign in to our bespoke Assignment Help services at the below link right away.

JKM SOFT SOLUTION said...

Apostille Passport attestation is required for the use of the process of resident visa / Student visa/ work visa process in foreign countries. The process of Attestation of certificates/ document legalization from MEA is possible on all the Certificates/documents/records issued by Indian Authorities.

Apostille said...

Please find the document checklist and requirement for Apostille 10th/SSLC certificate. All State educational board or CBSE, NCERT, SDM Apostille, NOIS and other open universities documents can be attested.

TamaraYeo said...

Staring at the sunset, babe kitchen remodeling contractor des moines ia

TillyRacker_ said...

This is not a threat private detective spokane wa

Gigi Smith said...

Wondering if I dodged a bullet or just lost the love of my life life insurance boise id

JKM Global Services said...

Social media marketing services in USA is an online marketing method that uses various social media platforms, such as Facebook, Twitter, LinkedIn and Pinterest The use of SMO marketing agency usa platforms as means to reach huge audiences is referred to as social media marketing.

Great Assignment Helper said...

In today’s world people are very much stucked in their personal works, same is happening with the students that’s why we have strated the services of the Computer Networking Assignment Help . Connect with us to avail this premium offer.

قیمت سیم کارت همراه اول said...

سایت خرید و فروش سیم کارت رندباز

Fashioncorner-spa said...

We specialise in massage , come for relaxing, we will help you to release stresservices · Hot Stone MassageSpa in Noida for body massages · Full Body Massage · Foot and Ankle Rungu Massage · Aromatherapy Massage · Indian Head Massage · Express Facials · Sauna Packages.Unique Wellness Spa provides the services of massage therapist who have been working in this field for 6 years.

رزرو اتاق فرار کرج said...

مجموعه اتاق فرار انیگما متشکل از تیمی خلاق، توانمند و حرفه‌ای، تلاش نموده است تا با رعایت استانداردهای بین المللی چه به جهت طراحی پلان بازی و چه به جهت طراحی داخلی و فضاها، ساعتی خوش را برای شما، دوستان و خانواده تان رقم بزند.

Fashioncorner-spa said...

Offering a wide range of rejuvenating spa therapies, the Lotus Day Spa in Noida Sector 18 Lotus Spa In Noida is just the place you need to be heading to for a blissfully. The Lotus Spa, New Delhi: See reviews, articles, and photos of The All Inclusive Day Trip.

قیمت سیم کارت 912 اقساطی said...


سایت رندباز در زمینه ی خرید و فروش سیم کارت فعالیت دارد
فروش فوری سیم کارت در رندباز
خرید قسطی سیم کارت در رندباز
خرید قسطی سیم کارت 912 در رندباز
قیمت گذاری سیم کارت در رندباز
و… همگی از خدمات سایت رندباز بوده.

اتاق فرار غرب تهران said...

Excellent and practical

mark said...

digital marketing agency florida

Nft learning sessions said...

Do you want to learn nft but don't know where to start? Look no further, because now you can learn nft from metacollar's easy nft learning classes. Our classes will teach you all you need to know about this innovative financial technology, andNft learning sessions help you get started using it in your business today. With our classes, you'll be able to understand the basics of nft, as well as its many advantages and uses. So why wait any longer? Sign up today and start learning nft like a pro!

Unknown said...

Tractor Loader. It can hold a total weight of 330 pounds and up to four cubic feet of material.Die Tractor & Trolly How to make. Electric Bottle Car Diy Water Bottle Bottle Wooden.Tractor Loader. It can hold a total weight of 330 pounds and up to four cubic feet of material.Die Tractor & Trolly How to make. Electric Bottle Car Diy Water Bottle Bottle Wooden

Mesmerize Spa & Wellness Wellness said...

24 Hours Body Massage Centres Kolkata.This luxury spa in Kolkata offers massages and beauty treatments.body massage spa in Kolkata It offers some of the best body spa services in Kolkata. When you select Full Body to Body Massage by Female,

Mesmerize Spa & Wellness said...

When you select Full Body to Body Massage by Female, body massage in kolkata at our CARE & HEALTH Kolkata Center your head to your toes and feet square measure massaged