How To Put A News Scroll Bar At The Top Of Your Weebly Site
Details of Project
Time to complete: 25 Minutes
Step 1. Find Your website's width
Step 2. Create your News Widget
In order to blend this news widget seamlessly into your website, you're going to need to edit the following elements on this website.
RSS Feed: Add the feed or feeds you'd like this widget to display
Width: Your website's width (Step 1)
Scroll Step: 4 seconds
Entry Limit: 10 (How many news links you want the widget to display in a cycle)
Feed Title: off
Entry Title Max Length: Your website's width (Step 1)
Entry Title Font Color: Your website's font color (suggestive)
Entry Title Background Color: Your website's background color (suggestive)
Separator Line: off
Posted Time Ago: on
Entry Contents Font Color: Whatever color works best (This is the color of the time of the post)
Step 3. Open Weebly's HTML/CSS Editor
Step 4. Select your website's template
Now depending on where you would like your news widget to appear, will depend on where you place this div. For this example, we are placing the news widget under the header image.
Step 5. Insert Html Code
Once you've added the div below, copy and paste your news widget code from http://www.surfing-waves.com/feed.htm in lieu of the orange text.
<div class="scroll" >
INSERT NEWS WIDGET CODE HERE
Step 6. Add CSS COding
margin: 0 auto;
Note: If you find the widget isn't aligning correctly with your other elements, simply adjust the width in the code above.
You're done! Publish your site to see your news widget in action!
NEED A NEW WEEBLY THEME?
WE'VE GOT YOU COVERED!
NEED HELP CUSTOMIZING YOUR WEEBLY SITE?
WE CAN HELP!
"Appreciate all of your help in getting everything just right!"
"Chris from Weebly Tricks is AMAZING!! I would definitely use his services again."
"...he [Chris] worked long and late hours to see that I was pleased."