كود شريط آخر الأخبار أو آخر المواضيع متحرك وبشكل تلقائي

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

سلام عليكم متابعينا الكرم

نقدم لكم اليوم

طريقة اضافة شريط آخر الأخبار أو آخر المواضيع متحرك وبشكل تلقائي لمدونات بلوجر بطريقتين :

يعتبر شريط آخر الأخبار أدة مهمة في المدونات ، ليس فقط لأنه يضيف لمسة جمال للمدونة وإنما يشجع الزائر على النقر على المواضيع التي يتم عرضها تلقائيا على الشريط وبالتالي زيادة في عدد الزوار . تابع الشرح ..

الطريقة لأضافة شريط اخبار المدونة التلقائي :

معاينة الكود

من لوحة تحكم بلوجر اختر قالب ثم html ولا تنسى أخذ نسخة احتياطية للقالب :
ابحث عن </head> والصق قبله الكود التالي :

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>#beakingnews{width:980px;margin:0 auto;
line-height:37px;;overflow:hidden; margin-bottom: 20px;
max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;
border-left: none;
max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#29BD9E;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>

ابحث عن هذا الكود <div class='main-outer'>والصق قبله تماما هذا الكود:

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='beakingnews'>
<span class='tulisbreaking'>جديد الأخبار</span>
<div id='recentpostbreaking'>
جاري التحميل  ...</div>

</div>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://alnaje7oon.blogspot.com/', // alamat blogmu contoh 
numpostx     = 10; // Jumlah artikel yang di tampilkan
$.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>

واخير قم بتبديل هذا الرابط http://alnaje7oon.blogspot.com/ الى رابط مدونتك ثم احفظ القالب

مـعا تـحـيـات Ehab Elnemr

و لا تنسا إشترك في قتناتنا علي اليوتيوب او صفحتنا على فيس بوك لدعمنا , اشتراكك سبب في إستمرارنا في التقدم
^_^
إضغط هنا فقط👇💓وشكرا لك 😍😍

انضم لموقعنا

تعرف على كل جديد

تميز بلا حدود

مواضيع قد تهمك × − +

النجارة هواية و فن

كود شريط آخر الأخبار أو آخر المواضيع متحرك وبشكل تلقائي

طريقة اضافة شريط آخر الأخبار أو آخر المواضيع متحرك وبشكل تلقائي لمدونات بلوجر بطريقتين :

الطريقة لأضافة شريط اخبار المدونة التلقائي :

تعرف على كل جديد

إرسال تعليق

0 تعليقات

مواقيت الصلاة

المشاركات الشائعة

مكتبة فانوس رمضان 7 تصميم قابل للتعديل التصميم متوفر صيغة { PDF - DXF }

فانوس رمضان متاح صيغة { PDF - DXF } نسخه a4 حجم 3mm

تحميل برنامج corel draw x7 كامل مجانا

فيديو الاسبوع

إجمالي مرات مشاهدة الصفحة

نموذج الاتصال

المتابعون

تابع ايضا

تعرف على كل جديد

أحدث المواضيع

مشاركة مميزة

كود اضافة مواقيت الصلاة لمدونات بلوجر

شائعة هدا الاسبوع

مجموعة حروف انجليذى مذخرفه متاح صيغة { PDF - DXF - EPS }

مكتبة فانوس رمضان 7 تصميم قابل للتعديل التصميم متوفر صيغة { PDF - DXF }

طاولة لابتوب متحركه متاح صيغة { PDF - DXF }

كود شريط آخر الأخبار أو آخر المواضيع متحرك وبشكل تلقائي

طريقة اضافة شريط آخر الأخبار أو آخر المواضيع متحرك وبشكل تلقائي لمدونات بلوجر بطريقتين :

الطريقة لأضافة شريط اخبار المدونة التلقائي :

تعرف على كل جديد

إرسال تعليق

0 تعليقات

مواقيت الصلاة

اشتراك في قائمة البريدية

المشاركات الشائعة

فيديو الاسبوع

إجمالي مرات مشاهدة الصفحة

نموذج الاتصال

المتابعون

تابع ايضا

تعرف على كل جديد

أحدث المواضيع

مشاركة مميزة

شائعة هدا الاسبوع

ازرار الصفحات الإجتماعية