A News Ticker is becoming the basic requirement of every blog. To brand our blogging community to a greater extent than reliable it is essential that nosotros proceed our readers upward to engagement as well as News Ticker is the best agency of doing that. We tin hand the axe role the News Ticker to hand frequent updates to our reader inwards precisely few clicks. We all convey seen many word tickers inwards those blogs which are hosted past times WordPress but Blogger is non knows for its plugins this is the argue why nosotros role external source widgets inwards blogger. And today nosotros volition follow the same tendency to add together a Animated Scrolling JQuery News Ticker Widget inwards Blogger Blogspot Blogs.
Features News Ticker:
- Easy to embed into an HTML document
- Compatible alongside Internet Explorer, FireFox, Chrome as well as etc
- Full JavaScript: no plugin, no Java, no ActiveX
- Supports amount HTML, including images, links as well as whatever other tags
- Smooth scrolling
- Very small-scale script - fast to download
- Easy to customize
- Stops scrolling when the mouse is over it
Adding News Ticker inwards Blogger
To insert MBL Scrolling JQuery News Ticker inwards Blogger Follow these Steps.
Step# 1: Go to Blogger.com >> Your Blog
Step# 2: Layout >> Add a Gadget
Step# 3: Add Html/Javascript as well as precisely Paste the next code
<div id="TICKER" style="display:none; border-top:1px company #CCCCCC; border-bottom:1px company #CCCCCC; overflow:hidden; background-color:#FFFFFF; width:520px" onmouseover="TICKER_PAUSED=true" onmouseout="TICKER_PAUSED=false"><span style='background-color:#7FB51A;'> <a href="Your-First-Headline-Url-Here"> <font color=#ffffff> <b>Your-First-Headline-Title-Here</b></font> </a></span> <b>Your-First Headline-Description</b> <span style='background-color:#FFAA00;'> <a href="Your-Second-Headline-Url-Here"> <font color=#ffffff> <b>Your-Second-Headline-Title-Here</b></font> </a></span> <b>Your-Second-Headline-Description-Here</b> <span style='background-color:#0088FF;'> <b><a href="Your-Third-Headline-Url-Here"><font color=#ffffff>Your-Third-Headline-Title-Here</font></a></b> </span> <b>Your-Third-Headline-Description-Here</b> <script type="text/javascript" src="https://mybloggerlab.googlecode.com/files/webticker_lib.js" language="javascript"></script></b></span></div></b:if></b:if>
Customization
To Customize your News heart create every bit followsFor First Headline:
Replace Your-First-Headline-Url-Here With the URL of your commencement headline post.
Replace Your-First-Headline-Title-Here With the Title of your headline post
Replace Your-First Headline-Description With the small-scale description of your headline
To modify colors precisely replace #7FB51A and #ffffff
For Second Headline:
Replace Your-Second-Headline-Url-Here With the URL of your commencement headline post.
Replace Your-Second-Headline-Title-Here With the Title of your headline post
Replace Your-Second-Headline-Description With the small-scale description of your headline
To modify colors precisely replace #7FB51A and #ffffff
For Third Headline:
Replace Your-Third-Headline-Url-Here With the URL of your commencement headline post.
Replace Your-Third-Headline-Title-Here With the Title of your headline post
Replace Your-Third-Headline-Description With the small-scale description of your headline
To modify colors precisely replace #7FB51A and #ffffff
To Change width of the heart replace 520px
Remember: If you lot desire to add together to a greater extent than Headlines inwards your heart as well as hence precisely before <script type="text/javascript" Add the next code as well as this volition add together ane to a greater extent than headline inwards your ticker.
<span style='background-color:#7FB51A;'> <a href="Your-Headline-Url-Here"> <font color=#ffffff> <b>Your-Headline-Title-Here</b></font> </a></span> <b>Your-Headline-Description</b>
Step# 4: Now afterwards customizing your heart Press Save button and forthwith larn as well as to your spider web log as well as bask MBL Scrolling Jquery Ticker
So that's how you lot tin hand the axe add together a Scrolling News Update Headline Ticker inwards Blogger. If you lot experience any difficulty feel gratis to ask. Til as well as hence peace approbation as well as Happy News ticking
Recommended For You:
Recommended For You:
No comments:
Post a Comment