How to add Professional News Ticker Widgets for blogger |
A News Ticker is a principally Horizontal, text based display. Most tickers are customarily shown through looking over content running from left to right over the screen. This term initially alludes to Television News tickers, looking close to the base of the TV screen. The TV news ticker enables breaking news to be appeared to the watcher without intruding on the present communicate. Thus website admins have embraced a comparable strategy for showing most recent news on their sites landing page. The most recent features of your sites or blog is indicated looking from left to appropriate over the width of the webpage to keep guests educated about most refreshed substance.
In short it is a straightforward, convenient gadget that causes you to grandstand your site's most recent features, most recent updates or included substance from a particular class.
Features of This News Ticker Widget
- Author Avatar - Unique!
- Displays latest posts dynamically. - Unique!
- Displays recent posts from a specific category/label.
- Scrolling text with two animations: reveal & fade
- Clickable Comments Count
- Custom Date Format - Unique!
- Controls Navigation. Play/Pause, Next/Previous
- Title Length is adjustable
- Fully Customizable - Multi Colors!
- Responsive and mobile friendly.
- Support all browsers: Firefox, Chrome, IE, Safari etc.
- Don't worry if You haven't a Add gadget option it can works without it.
- Many more!
1. Go to blogger dashboard and choose Theme optionLets Start Adding News Ticker To your Blogger Blog
2. Here click on Edit HTML option.
3. Backup your blogger template before editing.
4. Press ctrl+F and find <head> tag and paste following JS and CSS source code links below this tag.
5. Next search
]]></b:skin>
and just above it paste the following code:- To change the color theme of the News Ticker simply replace the Red highlighted color codes with color of your choice. The color can be in rgb or #hexadecimal, both work. Use Color Code Generator like Photoshop.
6. Save your template by clicking on Save Theme option.
7. Now go back to blogger and click on Layout option.
8. Click on Add a Gadget option and choose "HTML JavaScript" gadget.
9. Keep the title field empty and paste the following code inside it.
- ListBlogLink : Insert your Blog URL here
- ListCount : Decide how many breaking titles do you wish to display.
- TitleCount : Choose how many characters to display in post title length.
- speed: Edit this value (0.20) to increase or decrease the scroll speed.
- controls: Set true to false if you wish to hide the control buttons i.e. Play/Pause, Next/Previous
- titleText: Set the News Ticker title here from Hottest to anything you like such as Latest, Breaking etc.
- displayType: There are two types of scrolling text animation, reveal or fade. Set it as per your preference.
- TitleCount : Choose how many characters to display in post title.
In case of many blogger they will not find "Add Gadget" option in his blog layout reason, The layout of his blog Theme is different. But don't worry if you don't have "Add Gadget" option in your blog layout you can make News Ticker without gadget. For this you need to skip the step 9 and paste this below code into the body section of your blog.
goto- Theme>Edit HTML> and then find you header section in <body tag> genreally it on the first position after body tage.
Now edit this code Same as step 9 you can edit speed, title count, control exctra. Editable text is with red color.
Here I add News ticker In my blog by this method because My theme layout don't support Add Gadget option in header tage. you can also enable this option by doing some editing in Theme code.
How to make simple slider for blogger
Professional slider for Blogger.
How to create Mega Menu in blogger blog.
I really appreciate when you share your feedback and eagerly waiting for it. Please let us know how useful was this tutorial for you and how can this cool headline news widget for blogger help you to better engage your readers and increase your pageviews. Would be waiting to hear from you.
0 comments:
Post a Comment
Hey visitor we are glad to serve you our services get in touch with us for more fabolus posts.