أضافة شريط أخر الأخبار لقوالب بلوجر متحرك بشكل رأسي و بأزرار تحكم

<style type='text/css'>

/* Breaking News */

#breakingwrapper{padding: 0 10px;position:relative;background-color:#fff;display:block;margin:20px auto 0 auto;overflow:hidden;border-radius:5px;box-shadow:0 2px 3px -2px rgba(0,0,0,0.1)}

#breakingnews{width:100%;display:block;margin:0 auto;line-height:42px;height:42px;overflow:hidden;font-size:13px;padding:0}

.tulisbreaking{background:#e74c3c;color: #ffffff;display:block;padding:0 15px;font-size:13px;font-weight:600;height:28px;line-height:28px;float:right;margin:7px 14px 0 7px;text-align:center;border-radius:3px}

#recentbreaking{float:right;margin:0;font-size:13px;color:#222;font-weight:600}

#recentbreaking ul,#recentbreaking li{list-style:none;margin:0;padding:0}

#recentbreaking li a{color:#222}

#recentbreaking li a:hover{color:#222;text-decoration:underline}

.blog-date{display:inline-block;float:left;color:#929292;margin:0 0px 0 10px;font-size:13px;border-radius:2px;cursor:pointer}

#recentbreaking li i{margin:1px 10px 0px 3px}

.nav-arrows{display:inline-block;float:left;margin-right}

.nav-arrows i{cursor:pointer;font-size:16px;color:#333;margin:0 8px;transition:0.3s}

.nav-arrows i:hover{color:#e74c3c}

@media screen and (max-width:768px) {

#breakingwrapper{border-radius:0}

#breakingnews{padding:0 20px;overflow:hidden;text-overflow:ellipsis}

#recentbreaking{text-align:center;float:none;margin:0 auto}

#breakingnews .tulisbreaking .breakhidden,#breakingnews .tulisbreaking{display:none}

.nav-arrows{float:none;display:block;text-align:center;margin-top:5px}

.blog-date {display: none;}

.nav-arrows {display: none;}

}

</style>

<script type='text/javascript'>

//<![CDATA[

$(document).ready(function(){

   var e="xxxxxxxxxxxxxx"; // ضع رابط مدونتك هنا

   var t=10;

   function slideNext(){

      $("#recentbreaking li:first").slideUp(function(){

         $(this).appendTo($("#recentbreaking ul")).slideDown()

      });

   }

   function slidePrev(){

      $("#recentbreaking li:last").hide().prependTo($("#recentbreaking ul")).slideDown();

   }

   $.ajax({

      url: e+"/feeds/posts/default?alt=json-in-script&max-results="+t,

      type:"get",

      dataType:"jsonp",

      success:function(e){

         var n,r,a="",i=e.feed.entry;

         if(void 0!==i){

            a="<ul>";

            for(var l=0;l<i.length;l++){

               for(var s=0;s<i[l].link.length;s++)

                  if("alternate"==i[l].link[s].rel){

                     n=i[l].link[s].href;

                     break;

                  }

               r=i[l].title.$t,

               a+='<li><i class="fa fa-check-square"></i><a href="'+n+'" target="_blank">'+r+"</a></li>"

            }

            a+="</ul>";

            $("#recentbreaking").html(a);

            // تشغيل تلقائي كل 5 ثواني

            setInterval(function(){slideNext()},5000);

            // التحكم بالأسهم

            $("#arrow-right").click(function(){slideNext()});

            $("#arrow-left").click(function(){slidePrev()});

         } else {

            $("#recentbreaking").html("<span>There is nothing here</span>")

         }

      },

      error:function(){

         $("#recentbreaking").html("<strong>Error Loading Feed!</strong>")

      }

   });

});

//]]>

</script>