Tuesday 26 March 2013

Twitter with background


Assalamualaikum dan selamat sejahtera semua...hari nie saya nak buat tutorial twitter berbackground sebab dah lama tak buat tutorial...tutorial nie dari Lettha dan Karyuum tapi saya ubah sikit code nya..ini contoh widget twitternya...



Ok firstly for template designer >

Dashboard >>Design >>Page Element >>Add Gadget >>HTML/Javascript

For blogskin >

Dashboard >> Template

For blogskin copy and paste the code anywhere you want it to appeared...
For template designer,denim,simple paste the code in the HTML/Javascript box...

<center><div style="background:url(URL BACKGROUND) no-repeat;
width:220px!important"><script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>new TWTR.Widget({version: 2,type: 'profile',rpp: 8,interval: 30000,width: 220,height: 205,theme: {shell: {background: 'transparent',color: 'transparent'},tweets: {background: 'transparent',color: '#333333',links: '#999999'}},features: {scrollbar: true,loop: false,live: false,behavior: 'all'}}).render().setUser('USERNAME TWITTER').start();</script></center>

Note ;
Merah : Change it with your own background for twitter or you can just use mine Click here...
Biru : Width and height...change until it suit your background...
Fuchsia : Your twitter username.. doesn't know what is twitter username? see an example below :
              the bolded text is the username..

https://twitter.com/nurfaezah_97


preview and save...
If the twitter did not appeared maybe it just a temporary problem...Don't private your twitter account or else the tweet will not appear...

2 comments: