How to Add Breaking News Ticker Widget For Blogger

Breaking News Ticker is a very important and popular widget for blogger.If you running news,tech related blog & do you want to boost your views, then its must need to be add breaking news ticker widget.

News Ticker are one of the best ways to increase your bounce rate and get more views to your blog.Today we going to show "How to Add Breaking News Ticker For Blogger".

??Advantage and; Features of Breaking News Widget.

Fully Responsive & Seo Friendly.
Your Blog Will Get Too Much Bounce Rate.
Hover Link Will Be Applied Widget.
Your Blog Looks Professional and; Stylish.
Faster Loading Mean Doesn't Reduce Your Page Loading Time.

??How To Add Breaking News Ticker Widget.

First go to "Blogger Dashboard" next Select Your Blog and "Click on" Template and then "Click" Edit HTML

Find ]]></b:skin> Tag

Next Paste the below CSS Code Before/Above

/* Newsticker CSS Widget by Websduniya*/
#web-newsticker{margin:20px 0;position:relative}
#recent_post{position:relative;border-bottom:1px solid #ddd;z-index:9;overflow:hidden;padding:8px;width:100%!important}
#recent_post a{margin:0 15px;line-height:2}
.newstitle{float:left;background:#1b77ea;color:#fff;padding:7px 10px;font-weight:bold;border-radius:4px;text-transform:uppercase}
#recent_post .wrapper{width:1120px;max-width:100%;margin:0 auto}
@media screen and (max-width:684px){
.newstitle{font-size:14px;padding:3px 10px!important}#recent_post{top:60px!important;padding:0!important}#recent_post marquee{width:67%!important;line-height:2}}

Now Find, </head> Tag

Next copy and paste the below code just before it.

<script type='text/javascript'>
var blog_url = "enter your blog url";
var latest_post = 5;
var scrolling_speed = "5";
var close_button = false;
var info_text = true;
</script>

Now Search For </body> Tag

Finally paste below code after that tag

 <script src='https://cdn.rawgit.com/Rashmibhabi/webduniya.ooo/4ac2bbb3/Newsticker.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[
document.getElementById("web-newsticker").appendChild(document.getElementById("recent_post"));
//]]>
</script>

Now just needs to put the following HTML in the place you want.

<div id='web-newsticker'/>

Now Click To Save Your Template;

Conclusion**

If you are facing any problem installing this widget on your blog please comment below. Never Miss our latest update join with us.

How to Add Breaking News Ticker Widget For Blogger