• Home
  • About
  • Contact
  • Privacy Policy
No Result
View All Result
Tech for Ftcp
  • Home
  • Blogging
  • Hosting
  • Theme
    • Blogger Theme
    • WordPress Theme
  • Domain
  • Job
  • Career
  • Blog
  • Computer
    • Computer hardware
    • Computer software
    • computer general knowledge
  • News
Join
  • Home
  • Blogging
  • Hosting
  • Theme
    • Blogger Theme
    • WordPress Theme
  • Domain
  • Job
  • Career
  • Blog
  • Computer
    • Computer hardware
    • Computer software
    • computer general knowledge
  • News
Join
Tech for FTCP
No Result
View All Result

How to add news ticker in blogger

techforftcp by techforftcp
February 21, 2021
in Blogging, Blogging Tips, Blogging Tips and Tricks
153 12
0
How to add breaking news ticker in blogger template 2021
510
SHARES
1.6k
VIEWS
Share on FacebookShare on Twitter

You can very easily give a new look to your blog by adding Breaking News Ticker to your blog. Below, we are going to tell its steps, which step should not be left, and if done, these features may not work. And you can easily add New Widget to the blog easily. In this post we will also know how to add widget in Blogger Template in your blog

Table of Contents

  • How to add news ticker in blogger
    • Related posts:

How to add news ticker in blogger

How to add breaking news ticker in blogger template 2021

PLACE THIS CODE BEFORE </head> tag

<style type='text/css'>
#beakingnews{width:980px;margin:0 auto;line-height:25px;height:25px;background:#F7F7F7;overflow:hidden;margin-top:5px;}
#beakingnews .tulisbreaking{display:block;float:left;padding:0 7px;margin:0 5px 0 0;color:#FCFCFC;background:#5F0000}
#recentpostbreaking{float:left}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
</style>

PLACE THIS CODE BEFORE </body> tag

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'PASTE YOUR URL HERE', //replace with your Domain 
    numpostx  = 10; //Posts want to display
$.ajax({
    url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '',
    type: 'get',
    dataType: "jsonp",
    success: function(data) {
        var posturl, posttitle, skeleton = '',
            entry = data.feed.entry;
        if (entry !== undefined) {
            skeleton = "<ul>";
        for (var i = 0; i < entry.length; i++) {
                for (var j=0; j < entry[i].link.length; j++)
                {
                     if (entry[i].link[j].rel == "alternate")
                        {
                            posturl = entry[i].link[j].href;
                            break;
                         }
                }                posttitle = entry[i].title.$t;
            skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
        }
            skeleton += '</ul>';
            $('#recentpostbreaking').html(skeleton);
            // kode untuk efek pada breaking news
            function tick(){
            $('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); });
            }
        setInterval(function(){ tick () }, 5000);
        } else {
            $('#recentpostbreaking').html('<span>No result!</span>');
        }
    },
    error: function() {
            $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
       }
});
});
//]]>
</script>

Replace PASTE YOUR URL HERE this with your website url

PLACE THE CODE WHER YOU SHOW BREAKING NEWS

<div id='beakingnews'><span class='tulisbreaking'>Breaking News</span><!-- tag pembuka tempat Breaking News-->
<div id='recentpostbreaking'>Loading...</div><!-- tag tempat daftar Breaking News ditampilkan-->
</div><!-- tag penutup tempat Breaking News-->
  
<div style='clear: both;'/>

Related

Related posts:

  1. How to add breaking news ticker in blogger template 2021
  2. How to remove ?m=1 from URL in blogger in Hindi
  3. Blogger portfolio Basil Theme Customization
  4. How to buy .com domain in cheap price from GoDaddy
Previous Post

Four People Died In Mumbais Crawford Market Due To A High Speed ​​Car Crash

Next Post

JEE Main Exam Start From Today Candidates Should Take Special Care Of These Things – Between Vigilance and Tight Security, JEE Main Examination from today, students should take special care of these things

techforftcp

techforftcp

Next Post

JEE Main Exam Start From Today Candidates Should Take Special Care Of These Things - Between Vigilance and Tight Security, JEE Main Examination from today, students should take special care of these things

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Use our Tools

Test Internet Speed

Download High Quality Youtube Video

You might also like

इनामी नक्सली जीवन कंडुलना ने रविवार को रांची पुलिस के सामने सरेंडर कर दिया.

After Surrender, Naxalite’s rape victim – sister with a gun to take revenge for rape and murder

March 2, 2021
चमोली हादसे में झारखंड के 13 मजदूर लापता हो गये.

Family cremated by making effigy of 3 laborers missing in Chamoli accident

March 2, 2021
बकाया वेतन के भुगतान की मांग को लेकर रेजिडेंट डॉक्टर काला बिल्ला लगाकर काम कर रहे हैं.

5-day protest of resident doctors started in Jharkhand, work done by black badges, demand for arrears of salary

March 2, 2021
Good news for hockey players of Jharkhand!  Another Astroturf Stadium will soon be built in Simdega

Good news for hockey players of Jharkhand! Another Astroturf Stadium will soon be built in Simdega

March 2, 2021
राजधानी की सुरक्षा में रात को पीसीआर वैन गश्त लगाते हैं. (फाइल फोटो)

Ranchi News: Dropped animal smugglers with money instead of action, video PCR suspends entire video

March 2, 2021
झारखंड विधानसभा में सियासी गहमा-गहमी के बीच कभी-कभी हल्के-फुल्के नजारा भी सामने आ जाते हैं. (फाइल फोटो)

When MLA ji’s loud snoring broke the silence of the house, CM Hemant also had to look back.

March 2, 2021
Tech for FTCP

Tech for FTCP solve your all Digital Quaries, like Domain, Hosting, Email marketing, Affiliate business, Blogging, Youtube. Also solve Computer quaries

Categories

amazon Android App basic computer quiz questions with answers Bengali Blog Blogger Template Blogging Breaking News Coding Computer computer general knowledge Computer hardware Computer software Design Earning ways Electronics English Blog Gadget Hariyana Hindi Blog Hosting How can How to How to India Inovation Jharkhand Kokata ff Kolkata Fatafat Kolkata ff Madhya Pradesh mobile Movie Masala News Rajasthan Science Social media States Tech news Technology Telecom Today Horoscope trending Uncategorized Whatsapp World YouTube

Stay Connected

  • News
  • Technology
  • Gadget
  • Design

© 2021 JNews - Premium WordPress news & magazine theme by Jegtheme.

No Result
View All Result
  • Home
  • Blogging
  • Hosting
  • Theme
    • Blogger Theme
    • WordPress Theme
  • Domain
  • Job
  • Career
  • Blog
  • Computer
    • Computer hardware
    • Computer software
    • computer general knowledge
  • News

© 2021 JNews - Premium WordPress news & magazine theme by Jegtheme.

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In
x