Buying Need An Autoscroll Widget For A Website.

I want to make the twitter widget at the top left corner of this website:
http://www.sanmigueldeallende.gob.mx/test/

To make it autoscrollable. I know this can be done, i have seen it on other websites.

This is the code for the widget:

<div style="border-style: none;border-width: 0;border-color: #FFFFFF;width: 280px;height: 60px;overflow: auto;"><div id="newsblock44312139" style="word-wrap: break-word; padding: 5px; background-color: #FFFFFF;">[/SIZE]
[SIZE=1]<!-- DO NOT ALTER, REMOVE, OR IN ANY WAY TRY TO HIDE THE FOLLOWING TAG OR ITS CONTENTS OR BLASTCASTA WILL NOT FUNCTION PROPERLY. --><div align="center" style="font-size: 8pt;"><br /><a href="http://www.blastcasta.com/" style="text-decoration: none; color: #C1272D;" target="_top"><b>Get Your Twitter Widget</b><br />Powered by BlastCasta</a></div>[/SIZE]
[SIZE=1]</div></div>[/SIZE]
 
[SIZE=1]<script id="scrnewsblock44312139" type="text/javascript"></script>[/SIZE]
[SIZE=1]<script type="text/javascript"> /* <![CDATA[ */[/SIZE]
[SIZE=1]setTimeout('document.getElementById(\'scrnewsblock44312139\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/newsjavascript.aspx?feedurl=http%3A//search.twitter.com/search.rss%3Fq%3Dmauriciotrejop&maxitems=-1&showfeedtitle=0&showtitle=1&showdate=1&showsummary=1&showauthor=0&showactionsbox=0&showrsslink=0&showcopyright=0&opennewwindow=1&inheritstyles=0&bgcolor=%23FFFFFF&titlefontsize=10&summaryfontsize=10&fontfamily=Georgia&titlecolor=%23C1272D&summarycolor=%236D6D6D&sepstyle=dashed&sepcolor=%23A0A0A0&objectid=newsblock44312139\'', 500);[/SIZE]
[SIZE=1]/* ]]> */ </script>

Code (markup):

I just want to tell me "paste this code here" and "this code here" i will upload it to the website.

Please PM or post here with price to do this. Thanks!

 

Your going to need a new custom code. I can prgram this for you. Pm me for more information.

 

I've sent you a PM , regards.

 

As I see, the javascript is generating the twitter widget code. I need to see html code of the page in order to be able to manipulate the widget. On the other hand, I could probably provide you with instructions regardless. First of all, you can just add css code to your styling sheet to fix the position of the widget. For example:

#widget_element_id {position:fixed;top:100px;left:0px}

Code (markup):

Please note that you need to know the ID of your widget element or class or something specific to identify it. The code above will fix the widget positions to top left no matter how much the page is scrolled, it will remain there.
If you want the widget to move as the user scrolls, you can do something like this with Javascript and Jquery (assuming that widget's position is set to "absolute"):

$(document).ready(function() {
$(window).scroll(function() {
  $("#widget_element_id").stop().animate({
    top:$(window).scrollTop()+100
  },1000);
});
});

Code (markup):

Let me know if this works for you. No need to pay me but I appreciate "likes".

 

alexpr07,
1: you really didn't undestand anything from what he asked.
Autoscrollable means this:


2: I've already finished the job, as the link above is the demo i've made to him before sending the script.