منتدي المركز الدولى


اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Ououou11

۩۞۩ منتدي المركز الدولى۩۞۩
ترحب بكم
اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  1110
اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Emoji-10
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول
ونحيطكم علما ان هذا المنتدى مجانى من أجلك أنت
فلا تتردد وسارع بالتسجيل و الهدف من إنشاء هذا المنتدى هو تبادل الخبرات والمعرفة المختلفة فى مناحى الحياة
أعوذ بالله من علم لاينفع شارك برد
أو أبتسانه ولاتأخذ ولا تعطى
اللهم أجعل هذا العمل فى ميزان حسناتنا
يوم العرض عليك ، لا إله إلا الله محمد رسول الله.
شكرا لكم جميعا اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  61s4t410
۩۞۩ ::ادارة
منتدي المركز الدولى ::۩۞۩
منتدي المركز الدولى


اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Ououou11

۩۞۩ منتدي المركز الدولى۩۞۩
ترحب بكم
اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  1110
اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Emoji-10
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول
ونحيطكم علما ان هذا المنتدى مجانى من أجلك أنت
فلا تتردد وسارع بالتسجيل و الهدف من إنشاء هذا المنتدى هو تبادل الخبرات والمعرفة المختلفة فى مناحى الحياة
أعوذ بالله من علم لاينفع شارك برد
أو أبتسانه ولاتأخذ ولا تعطى
اللهم أجعل هذا العمل فى ميزان حسناتنا
يوم العرض عليك ، لا إله إلا الله محمد رسول الله.
شكرا لكم جميعا اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  61s4t410
۩۞۩ ::ادارة
منتدي المركز الدولى ::۩۞۩
منتدي المركز الدولى
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


منتدي المركز الدولى،منتدي مختص بتقديم ونشر كل ما هو جديد وهادف لجميع مستخدمي الإنترنت فى كل مكان
 
الرئيسيةأحدث الصورالتسجيلدخول
Awesome Orange 
Sharp Pointer
منتدى المركز الدولى يرحب بكم أجمل الترحيب و يتمنى لك اسعد الاوقات فى هذا الصرح الثقافى

اللهم يا الله إجعلنا لك كما تريد وكن لنا يا الله فوق ما نريد واعنا يارب العالمين ان نفهم مرادك من كل لحظة مرت علينا أو ستمر علينا يا الله

 

 اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه

اذهب الى الأسفل 
كاتب الموضوعرسالة
بوسى
نائبة المدير العام
نائبة المدير العام
بوسى


انثى عدد المساهمات : 3055
تاريخ التسجيل : 02/03/2011
الموقع :
المزاج المزاج : تمام

اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Empty
مُساهمةموضوع: اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه    اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Icon_minitime1الإثنين 3 فبراير - 10:18


اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه


السلام عليكم ورحمة الله ، مرحبا بكم مجددا في موضوع جديد وحصري لمدونة جلال البعداني ،اليوم باذن الله سنقوم باضافة اداه  جديدة وسهله, وهي عباره عن  شريط متحرك بالوان مختلفه  يضم اخر اخبار المدونه بشكل احترافي , هذه الاداه تقوم بعرض اخر اخبار المدونه على شكل شريط  افقي متحرك يتم وضعه اسفل الهيدر  بحيث يكسب الصفحة ديناميكية ويسهل للزائر التعرف على المواضيع الحديثة في المدونة .تتميز هذه الاضافه  بجماليتها وبخفتها وقد قمت بتوفيرها بعدة الوان لكي تتناسب مع اكثر القوالب شيوعا ,وايضا ارضاءً لجميع الاذواق ,,اطيل عليكم هذه المره سوف اترككم مع الشرح


كيفية اضافة شريط احدث الاخبار الى مدوناتكم
1- من  لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)



اقتباس :




وقبله تماما قم بلصق احد اكواد الالوان التاليه حسب رغبتك



كوداللون الازرق
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]








‗۩‗°¨_‗ـ المصدر:#منتدي_المركز_الدولى ـ‗_¨°‗۩‗








[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
بوسى
نائبة المدير العام
نائبة المدير العام
بوسى


انثى عدد المساهمات : 3055
تاريخ التسجيل : 02/03/2011
الموقع :
المزاج المزاج : تمام

اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Empty
مُساهمةموضوع: رد: اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه    اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Icon_minitime1الإثنين 3 فبراير - 10:18

الكود:


<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:#21b8ff;
-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>





‗۩‗°¨_‗ـ المصدر:#منتدي_المركز_الدولى ـ‗_¨°‗۩‗








[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
بوسى
نائبة المدير العام
نائبة المدير العام
بوسى


انثى عدد المساهمات : 3055
تاريخ التسجيل : 02/03/2011
الموقع :
المزاج المزاج : تمام

اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Empty
مُساهمةموضوع: رد: اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه    اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Icon_minitime1الإثنين 3 فبراير - 10:19

كوداللون الاحمر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

الكود:




    <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:#CC1B1B;
    -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>





‗۩‗°¨_‗ـ المصدر:#منتدي_المركز_الدولى ـ‗_¨°‗۩‗








[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
بوسى
نائبة المدير العام
نائبة المدير العام
بوسى


انثى عدد المساهمات : 3055
تاريخ التسجيل : 02/03/2011
الموقع :
المزاج المزاج : تمام

اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Empty
مُساهمةموضوع: رد: اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه    اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Icon_minitime1الإثنين 3 فبراير - 10:20

كوداللون الاخضر
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الكود:



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







‗۩‗°¨_‗ـ المصدر:#منتدي_المركز_الدولى ـ‗_¨°‗۩‗








[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
بوسى
نائبة المدير العام
نائبة المدير العام
بوسى


انثى عدد المساهمات : 3055
تاريخ التسجيل : 02/03/2011
الموقع :
المزاج المزاج : تمام

اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Empty
مُساهمةموضوع: رد: اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه    اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Icon_minitime1الإثنين 3 فبراير - 10:22

الان بعد ان قمت باختيار احد الاكواد السابقه تبقى لنا خطوه اخيره وهي اضافة كود الاداه اسفل هايدر المدونه
واعلم اخي الكريم ان كود الهايدر يختلف من قالب الى اخر ولكني سوف اوفر لك كود تقريبي لكي يتم اضافة شريط الاخبار في موقعه  السليم لذلك سوف يكون هذا الامر راجع لك
سوف نقوم بالبحث عن الكود التالي
اقتباس :

ونلصق الكود التالي قبله تماما / فوقه

الكود:



    <b:if cond='data:blog.pageType != "static_page"'>
    <b:if cond='data:blog.pageType != "item"'>
    <div id='beakingnews'><span class='tulisbreaking'>أحدث الأخبار</span><!-- tag pembuka tempat Breaking News-->
    <div id='recentpostbreaking'>Loading...</div><!-- tag tempat daftar Breaking News ditampilkan-->
    </div><!-- tag penutup tempat Breaking News-->
    <script type='text/javascript'>
    //<![CDATA[
    $(document).ready(function () {
    var url_blog = 'http://alb33dani.com/', // alamat blogmu contoh http://mkr-site.blogspot.com
    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>






‗۩‗°¨_‗ـ المصدر:#منتدي_المركز_الدولى ـ‗_¨°‗۩‗








[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
بوسى
نائبة المدير العام
نائبة المدير العام
بوسى


انثى عدد المساهمات : 3055
تاريخ التسجيل : 02/03/2011
الموقع :
المزاج المزاج : تمام

اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Empty
مُساهمةموضوع: رد: اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه    اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه  Icon_minitime1الإثنين 3 فبراير - 10:23



الان قم باستبدل الرابط التالي
الكود:
http://alb33dani.com
برابط مدونتك 
ستجد الرابط في السطر التاسع من الكود السابق باللون الازرق


وبالاخير قم بحفظ القالب والف مبروووك عليك الاضافه



‗۩‗°¨_‗ـ المصدر:#منتدي_المركز_الدولى ـ‗_¨°‗۩‗








[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شريط اخبار bbc
» شريط اخبار روسيا اليوم
» كود شريط اخر اخبار الرياضة المصرية :
» كود شريط متحرك اسلامي
» كود شريط متحرك به ذكر الله تعالى

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدي المركز الدولى :: منتدى اصحاب المواقع والمنتديات :: اكواد ورتب المنتديات (Codes of the forum)-
انتقل الى: