Stylish Breaking News Ticker For Blog Website.

Hello blogger,Breaking News Ticker For Blog Website me install karna bahut hi Assan hai. news ticker ko blog me add karne se visitor ko latest post ke jankari mil jati hai. Are sath agar kuch festival wishes ko bi newsletter ke duwra blog website me add kar sakte hai. Apne Bahut sare blog website me deka hoga top ya bottom slider news ticker lage hote hai.

To agar Aap bi apne Website me chote chote features add karke blog ke visitor ke attrack karana chate hai. .To Chaliye Jante hai. BLog website Stylish News ticker ko kaise add kare. Breaking News Ticker ko Add karne ke liye simply niche sabhi diye gaye step ko Follow kariye.

Breaking News Ticker Blog website Me kaise lagaye.

Install Karne se Pahle Agar demo dekana chate hai. To Niche demo Per Click karke demo Dek sakte Hai.

Step 1.

1. Sabse Phale Apne Blogger Account Me login kare.
2. Uske Bad apne dashboard >> Theme >> Edit Html per Click kare.
3. Ab ctrl+F dabakar Search Box Me </style> karke Enter Kar de. </style> ke Phale niche diye Gaye Code ko Paste Kar dijye

/*========================== CSS Breaking News by Blognetbook==========================*/ #breakingnews {margin-right:15px;height:30px;line-height:30px;overflow:hidden;width:35%;float:left;} #adbreakingnews li a {font-family:inherit;font-weight:400;color:#666;transition:all 0.5s ease-in-out;} #adbreakingnews li a:hover {color:#EE8F04;} #adbreakingnews {float:left;margin-left:60px;} #adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0} #breakingnews .breakhead {position:absolute;display:block;float:left;font-size:11px;font-weight:700;text-transform:uppercase;padding: 2px 6px;}

Step 2

• Ab Fir Se Search Box me </body> Type karke search kare.
• </body> se Pahale Niche Diye gaye Code ko Paste kar de.

<script type=’text/javascript’> //<![CDATA[ // Breaking News by Blognetbook.com $(document).ready(function(){var e=””,t=20;$.ajax({url:””+e+”/feeds/posts/default?alt=json-in-script&max-results=”+t,type:”get”,dataType:”jsonp”,success:function(e){function t(){$(“#adbreakingnews li:first”).slideUp(function(){$(this).appendTo($(“#adbreakingnews ul”)).slideDown()})}var n,r,s=””,a=e.feed.entry;if(void 0!==a){s=”<ul>”;for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if(“alternate”==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href=”‘+n+'” target=”_blank”>’+r+”</a></li>”}s+=”</ul>”,$(“#adbreakingnews”).html(s),setInterval(function(){t()},5e3)}else $(“#adbreakingnews”).html(“<span>No result!</span>”)},error:function(){$(“#adbreakingnews”).html(“<strong>Error Loading Feed!</strong>”)}})}); //]]> </script>

• Ab Templete ko Save kar de

Step 3

• Ab Layout Per jaker Add Gatget per click karde jha per bhi aap news ticker ko add karna chate hai.
• Mai recommend karunga ki top per hi news ticker ko add kariye.
• Html /javascript per click karke nide Diye Gaye Html Code ko add kar de.

<div id=’breakingnews’><span class=’breakhead’><i class=’fa fa-refresh fa-spin’/> Latest</span> <div id=’adbreakingnews’>Loading…</div></div> <div style=’clear: both;’/>

Finally Ap apka breaking News Ticker blog website me add ho chuka hai. Agar aapko Breaking news ticker add karne me khoi Bhi Problem Aye To Hame comment karke batye Jo bi Apka Question ho.