Breaking News

Steps to Add Breaking News Widget for Blogger:  So these are the steps to follow 

Step 1) Go to Blogger Dashboard.

Step 2) ..>>             .>>Edit Template.

Step 3) Search for </body>

Step 4) Copy and Paste the below code before </body>

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>

//<![CDATA[

$(document).ready(function () {

var url_blog = '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>

  </b:if></b:if>

Customization: Replace "Your Url Here" with your blog URL.
Step 5) Search for </head>

Step 6) Copy and Paste the below code before </head>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<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>

  </b:if></b:if>

Step 7) Now go ..>>Layout..>>Add a Gadget.

Step 8)Paste the below code in the Gadget.

 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<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-->

  </b:if></b:if>

<div style='clear: both;'/>

Step 9) Save the Gadget.

Note:Don't forget to add the widget on the Center place. 
Recommendations:
These are the Recommendations giving by a Basictricks to the Bloggers to develop themselves by the below Articles.

§  How to Add Floating Ads Widget to Blogger.

§  How to Add Random Ads Widget to Blogger.

§  How to Add Facebook Pop up Like Box for Blogger. 

§  How to Create a site map for blogger.

§  Best ways to Drive Traffic from Google plus.

§  Free .Edu and .Gov Backlinks.

Conclusion:

So this is the way            how to add the Breaking News widget to the Blogger.So feel free to the ask the doubts. Like Us if you like the post.