Another cool News Ticker for your Weebly site, wrapped with smoothness. Show your headlines, top posts or promotions with this widget. It comes with a play/pause, next and previous button. An inspiration from the BBC News Ticker, check it out!
FILES NEEDED
How to use these files? Click Here!
FOOTER CODE
Where to place these codes? Click Here!
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script src="http://mwtdatabase.weebly.com/files/theme/jquery.ticker.js" type="text/javascript"></script>
<script src="http://mwtdatabase.weebly.com/files/theme/site.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#js-news').ticker();
});
</script>
<script src="http://mwtdatabase.weebly.com/files/theme/jquery.ticker.js" type="text/javascript"></script>
<script src="http://mwtdatabase.weebly.com/files/theme/site.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#js-news').ticker();
});
</script>
Note:
Red text - Change with your site address.
HEADER CODE
Where to place these codes? Click Here!
<link href="http://mwtdatabase.weebly.com/files/theme/ticker-style.css" rel="stylesheet" type="text/css" />
<style>
.ticker-content a, .ticker-title {
font-size: 12px !important;
}
.ticker-content{
margin-top: -5px !important;
}
</style>
<style>
.ticker-content a, .ticker-title {
font-size: 12px !important;
}
.ticker-content{
margin-top: -5px !important;
}
</style>
Notes:
Red text - Change with your site address.
Green text - this should control the size of your text.
BODY CODE
Where to place these codes? Click Here!
<ul id="js-news" class="js-hidden">
<li class="news-item"><a href="http://www.myweeblytricks.com/2014/09/weebly-tricks-75-ion-calendar-and-date.html">Weebly Tricks #75 - Ion Calendar and Date Picker</a></li>
<li class="news-item"><a href="http://www.myweeblytricks.com/2014/09/authors-pick-7-changing-link-of-your.html">Author's Pick #7 - Changing the Link of Your Weebly Site Title or Logo</a></li>
<li class="news-item"><a href="http://www.myweeblytricks.com/2014/09/weebly-tricks-74-dim-page-on-playing.html">Weebly Tricks #74 - Dim Page on Playing Videos</a></li>
<li class="news-item"><a href="http://www.myweeblytricks.com/2014/09/authors-pick-8-weeblys-next-great.html">Author's Pick #8 - Weebly's Next Great Updates for Blogs</a></li>
</ul>
<li class="news-item"><a href="http://www.myweeblytricks.com/2014/09/weebly-tricks-75-ion-calendar-and-date.html">Weebly Tricks #75 - Ion Calendar and Date Picker</a></li>
<li class="news-item"><a href="http://www.myweeblytricks.com/2014/09/authors-pick-7-changing-link-of-your.html">Author's Pick #7 - Changing the Link of Your Weebly Site Title or Logo</a></li>
<li class="news-item"><a href="http://www.myweeblytricks.com/2014/09/weebly-tricks-74-dim-page-on-playing.html">Weebly Tricks #74 - Dim Page on Playing Videos</a></li>
<li class="news-item"><a href="http://www.myweeblytricks.com/2014/09/authors-pick-8-weeblys-next-great.html">Author's Pick #8 - Weebly's Next Great Updates for Blogs</a></li>
</ul>
Notes:
Yellow text - These will be your content sentences or post titles.
Green text - The links for your post titles.
CONCLUSION
The widget comes with more settings including the timings, appearance of the control buttons and changing the "LATEST" as main title of the widget. Please visit the forum so I can help you edit this widget.
As usual, this widget uses "10 Capsulated Tips".
0 comments: