Soul Matter Twitter Widget with Sliding Tweets for Bloggers

Soul Matter Twitter Widget with Sliding Tweets for Bloggers

0
data:blog.title
Twitter Widget

I have already shared about twitter Fan box. But Now I am going to share about a Twitter widget with scrolling recent Tweets. By this widget you will able to display your recent tweets with a sliding animation. And the flow of the tweets is downward. It is really cool. I got this widget in Soul matter Templates that's why I  would like to name it Soul Matter Twitter Widget. Let proceed to the Tutorials.


Live Demo


Step 1 Log in to your Blogger account and Go to your Blogger Dashboard

Step 2 Go to your Layout tab.

Step 3 Click on "Add a Gadget" then select "HTML/JavaScript" Gadget.

Step 4 Now Copy the below code and paste it in "HTML/JavaScript" Gadget and Save it.



<div style="background:#fff url(http://4.bp.blogspot.com/-DoFv7AvcB30/URXVXgeO1cI/AAAAAAAABVA/pXPwbllhkhE/s400/tweet.png) no-repeat;padding-top:40px;padding-left:5px">
<script src="http://bloggerspicebd.googlecode.com/files/Soul%20Matter%20twitter%20widget%28www.bloggerspice.com%29.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 290,
height: 130,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '# 0066B3'
}
},
features: {
scrollbar: true,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).render().setUser('BloggerSpice').start();
</script>
</div>


Customization:

  • Change BloggerSpice with your Twitter name or ID
Soul Matter Twitter Widget with Sliding Tweets for Bloggers
4 Stars stars - "Soul Matter Twitter Widget with Sliding Tweets for Bloggers " I have already shared about twitter Fan box. But Now I am going to share about a Twitter wi...

Post a Comment

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *