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 continue our readers upward to appointment in addition to News Ticker is the best agency of doing that. We tin role the News Ticker to laissez passer on frequent updates to our reader inward exactly few clicks. We all accept seen many intelligence tickers inward 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 inward blogger. And today nosotros volition follow the same tendency to add together a Animated Scrolling JQuery News Ticker Widget inward Blogger Blogspot Blogs.
Features News Ticker:
- Easy to embed into an HTML document
- Compatible amongst Internet Explorer, FireFox, Chrome in addition to etc
- Full JavaScript: no plugin, no Java, no ActiveX
- Supports amount HTML, including images, links in addition to whatever other tags
- Smooth scrolling
- Very modest script - fast to download
- Easy to customize
- Stops scrolling when the mouse is over it
Adding News Ticker inward Blogger
To insert MBL Scrolling JQuery News Ticker inward Blogger Follow these Steps.
Step# 1: Go to Blogger.com >> Your Blog
Step# 2: Layout >> Add a Gadget
Step# 3: Add Html/Javascript in addition to exactly Paste the next code
<div id="TICKER" style="display:none; border-top:1px enterprise #CCCCCC; border-bottom:1px enterprise #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 outset headline post.
Replace Your-First-Headline-Title-Here With the Title of your headline post
Replace Your-First Headline-Description With the modest description of your headline
To alter colors but replace #7FB51A and #ffffff
For Second Headline:
Replace Your-Second-Headline-Url-Here With the URL of your outset headline post.
Replace Your-Second-Headline-Title-Here With the Title of your headline post
Replace Your-Second-Headline-Description With the modest description of your headline
To alter colors but replace #7FB51A and #ffffff
For Third Headline:
Replace Your-Third-Headline-Url-Here With the URL of your outset headline post.
Replace Your-Third-Headline-Title-Here With the Title of your headline post
Replace Your-Third-Headline-Description With the modest description of your headline
To alter colors but 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 inward your heart in addition to thus exactly before <script type="text/javascript" Add the next code in addition to this volition add together i to a greater extent than headline inward 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 later customizing your heart Press Save button and forthwith become in addition to to your weblog in addition to relish MBL Scrolling Jquery Ticker
So that's how you lot tin add together a Scrolling News Update Headline Ticker inward Blogger. If you lot experience any difficulty feel costless to ask. Til in addition to thus peace approving in addition to Happy News ticking
Recommended For You:
Recommended For You:
No comments:
Post a Comment