October 17, 2014

Weebly Tricks #79 - Smooth Jquery News Ticker

Posted by Domingo Tambasacan at 10/17/2014

Weebly News Ticker

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>

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>

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>

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".


Get email updates and more access! (Free)
Email *
email marketing by activecampaign

About Author:

Hi I am Domz. I love inserting new widgets and effects on Weebly Template. I like helping people and I like them more being my subscriber. Follow me @ Twitter | Facebook



If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to my regular Email Updates. Subscribe Now!

...

0 comments:

Have any question? Feel Free To Post Below:

 

© 2014. All Rights Reserved | My Weebly Tricks | Template by Blogger Widgets

Home | | Privacy Policy | Top