Saturday, September 2, 2017

How to Stylish Breaking News Ticker On Blogger Website.

Hello blogger, Breaking news ticker 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.

Stylish breaknews tricker for blog website


To agar Aap bi apne Website me chote chote features add karke blog ke vistor ke attrack karana chate hai. .To Chaliye Jante hai. BLog website Stylish News tickerko 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 Getget 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.

    Agar Apko Hamara news ticker post article se agar kuch fayda ho to Social media per Jarur Share kare. Are newsletter ko Subscribe kare Taki apko notification milte rahe.

    Read Most


    About Author:-author Hello everyone my name is sultan i am sharing in this Blog About Blogging And technology Make Money online, Web Design, Internet Tips And tricks Etc Unique Article Everyday. Learn something new here....

    Let's Get Connected:- Facebook | Twitter | Google Plus

    2 comments:

    1. Wow This is a great post on how to add stylish breaking news in hindi. Thanks for sharing a great article

      ReplyDelete