Three Background Twitter Conversation style

Also Read Other Articles

1. Background Twitter Conversation Red

<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_BBzVG-hQCJ75kOZkGMykQWYoOT9Ik1Cz-vzlcD-9px0cDELDDOjLiUYh2hLMPynluXIECISiuBlcFq220btI3X0gwpa82YvqMvahcFaIFmrRZT8ncOxo6HZhmwQe36XIAcW6bj7j7FU/s1600/twitter+me.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#cc0000'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('Mudho').start();
</script>
</div>

2. Background Twitter conversation Blue

<div style="background:#cc0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYMrscHW_9dBjQlLK7YJayDCm0ciMlmdBRVEH_OKTcFc4YYkP4tKvcEiUQgEGfTDVie33Ubtt2wTYZvDcbEJoeqDLtuC4KJRAhi7jy9oK2gkmd7NilLuLwAomq2EDzEeK5knrlMx5dpn0/s1600/tweet+2.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
shell: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#5193f0'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,

behavior: 'default'
}
}).render().setUser('Mudho').start();
</script>
</div>


3. Background Twitter conversation Grey

<div style="background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkRbqZd33_bOFWOMAxUilYER2a_DAJ6S5KyDkdf_-k_4MWuk54hfEPbNWBsldIR1lec5IXS9_mS9gSWPUFQCgm1uyOw4Q9YNlpj2S93ceuUhWLvGZJihObhPcPRw8xyoass1pp93isii4/s1600/tweet.png) no-repeat;padding-top:45px;padding-left:8px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 285,
height: 123,
theme: {
shell: {
background: 'transparent',
color: '#000000'
},
tweets: {
background: 'transparent',
color: '#000000',
links: '#135a9e'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,

timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('Mudho').start();
</script>
</div>

 How to install twitter conversation on the blog
1. Copy code above and add gadet html javascript
2. Change the name of the twitter user each Mudho I customize the background with your twitter name
3. Choose a place that fit the width of the conversation widget twitter
4. Click save

see the results
source: mastemplate