عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول
ونحيطكم علما ان هذا المنتدى مجانى من أجلك أنت
فلا تتردد وسارع بالتسجيل و الهدف من إنشاء هذا المنتدى هو تبادل الخبرات والمعرفة المختلفة فى مناحى الحياة
أعوذ بالله من علم لاينفع شارك برد
أو أبتسانه ولاتأخذ ولا تعطى
اللهم أجعل هذا العمل فى ميزان حسناتنا
يوم العرض عليك ، لا إله إلا الله محمد رسول الله.
شكرا لكم جميعا
۩۞۩ ::ادارة منتدي المركز الدولى ::۩۞۩
منتدي المركز الدولى
۩۞۩ منتدي المركز الدولى۩۞۩ ترحب بكم
عزيزي الزائر / عزيزتي الزائرة يرجي التكرم بتسجبل الدخول
ونحيطكم علما ان هذا المنتدى مجانى من أجلك أنت
فلا تتردد وسارع بالتسجيل و الهدف من إنشاء هذا المنتدى هو تبادل الخبرات والمعرفة المختلفة فى مناحى الحياة
أعوذ بالله من علم لاينفع شارك برد
أو أبتسانه ولاتأخذ ولا تعطى
اللهم أجعل هذا العمل فى ميزان حسناتنا
يوم العرض عليك ، لا إله إلا الله محمد رسول الله.
شكرا لكم جميعا
۩۞۩ ::ادارة منتدي المركز الدولى ::۩۞۩
منتدي المركز الدولى
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.
منتدي المركز الدولى،منتدي مختص بتقديم ونشر كل ما هو جديد وهادف لجميع مستخدمي الإنترنت فى كل مكان
منتدى المركز الدولى يرحب بكم أجمل الترحيب و يتمنى لك اسعد الاوقات فى هذا الصرح الثقافى
اللهم يا الله إجعلنا لك كما تريد وكن لنا يا الله فوق ما نريد واعنا يارب العالمين ان نفهم مرادك من كل لحظة مرت علينا أو ستمر علينا يا الله
اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه
كاتب الموضوع
رسالة
بوسى نائبة المدير العام
عدد المساهمات : 3044 تاريخ التسجيل : 02/03/2011 الموقع : المزاج : تمام
موضوع: اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه الإثنين 3 فبراير - 10:18
اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه
السلام عليكم ورحمة الله ، مرحبا بكم مجددا في موضوع جديد وحصري لمدونة جلال البعداني ،اليوم باذن الله سنقوم باضافة اداه جديدة وسهله, وهي عباره عن شريط متحرك بالوان مختلفه يضم اخر اخبار المدونه بشكل احترافي , هذه الاداه تقوم بعرض اخر اخبار المدونه على شكل شريط افقي متحرك يتم وضعه اسفل الهيدر بحيث يكسب الصفحة ديناميكية ويسهل للزائر التعرف على المواضيع الحديثة في المدونة .تتميز هذه الاضافه بجماليتها وبخفتها وقد قمت بتوفيرها بعدة الوان لكي تتناسب مع اكثر القوالب شيوعا ,وايضا ارضاءً لجميع الاذواق ,,اطيل عليكم هذه المره سوف اترككم مع الشرح
كيفية اضافة شريط احدث الاخبار الى مدوناتكم
1- من لوحة التحكم -> قالب -> تحرير HTML
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
اقتباس :
وقبله تماما قم بلصق احد اكواد الالوان التاليه حسب رغبتك
عدد المساهمات : 3044 تاريخ التسجيل : 02/03/2011 الموقع : المزاج : تمام
موضوع: رد: اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه الإثنين 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>
المزاج
الإثنين 3 فبراير - 10:18
