Add New Breaking News Widget for Blogger إضافة جديد أخبار القطعة للمدون

عدد المشاهدات الان

البحث عن

</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 = 'http://blog-arabic-lessons.blogspot.com/', //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>لا نتيجة!</span>');
}
},
error: function() {
$('#recentpostbreaking').html('<strong>خطأ في تحميل تغذيه!</strong>');
}
});
});
//]]>
< /script>
< /b:if></b:if>

فقط غير الرابط
http://blog-arabic-lessons.blogspot.com/

وبعدها ابحث عن
</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>

الان جافا سكربت جديد اعمل التالي HTML/JavaScript

< 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'>أخبار عاجلة</span><!-- العلامة افتتاح تضع خبر عاجل-->
< div id='recentpostbreaking'>جار التحميل...</div><!-- يتم عرض الأخبار العاجلة قائمة بطاقة نقطة-->
< /div><!-- علامة إغلاق آخر الأخبار-->
< /b:if></b:if>
< div style='clear: both;'/>

 وسلامتكم

اذا حبيت نسخ المقالهـ