Admin Admin
عدد المساهمات : 11 نقاط العضو : 2147559027
السٌّمعَة : 0 تاريخ التسجيل : 21/01/2014 العمر : 24 الموقع : https://jt3m.rigala.net/
| موضوع: اضافة شريط متحرك يضم اخر اخبار المدونه بثلاثة الوان احترافيه الخميس يناير 23, 2014 3:31 pm | |
| السلام عليكم ورحمة الله ، مرحبا بكم مجددا في موضوع جديد وحصري لمدونة جلال البعداني ،اليوم باذن الله سنقوم باضافة اداه جديدة وسهله, وهي عباره عن شريط متحرك بالوان مختلفه يضم اخر اخبار المدونه بشكل احترافي , هذه الاداه تقوم بعرض اخر اخبار المدونه على شكل شريط افقي متحرك يتم وضعه اسفل الهيدر بحيث يكسب الصفحة ديناميكية ويسهل للزائر التعرف على المواضيع الحديثة في المدونة .تتميز هذه الاضافه بجماليتها وبخفتها وقد قمت بتوفيرها بعدة الوان لكي تتناسب مع اكثر القوالب شيوعا ,وايضا ارضاءً لجميع الاذواق ,,اطيل عليكم هذه المره سوف اترككم مع الشرحكيفية اضافة شريط احدث الاخبار الى مدوناتكم 1- من لوحة التحكم -> قالب -> تحرير HTML 2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F) - اقتباس :
وقبله تماما قم بلصق احد اكواد الالوان التاليه حسب رغبتك كوداللون الازرق - اقتباس :
كوداللون الاحمر - اقتباس :
الان بعد ان قمت باختيار احد الاكواد السابقه تبقى لنا خطوه اخيره وهي اضافة كود الاداه اسفل هايدر المدونه واعلم اخي الكريم ان كود الهايدر يختلف من قالب الى اخر ولكني سوف اوفر لك كود تقريبي لكي يتم اضافة شريط الاخبار في موقعه السليم لذلك سوف يكون هذا الامر راجع لك سوف نقوم بالبحث عن الكود التالي - اقتباس :
والم تجدة ابحث عن - اقتباس :
[color][font]
ونلصق الكود التالي قبله تماما / فوقه[/font][/color] - اقتباس :
- اقتباس :
//$(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 = "";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 += '- ' + posttitle + '
'; } skeleton += ' '; $('#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('No result!'); } }, error: function() { $('#recentpostbreaking').html('Error Loading Feed!'); } }); }); //]]>
الان قم باستبدل الرابط التالي - الكود:
-
http://alb33dani.com برابط مدونتك ستجد الرابط في السطر التاسع من الكود السابق باللون الازرقوبالاخير قم بحفظ القالب والف مبروووك عليك الاضافه
| |
|