|
|
|
أدوات الموضوع | انواع عرض الموضوع |
01-17-2014, 02:21 AM | #1 |
مدون جديد
تاريخ التسجيل: Aug 2013
المشاركات: 27
|
إضافة شريط متحرك آخر المشاركات بأعلى المدونة (بالهيدر ) لمدونة بلوجر | مدونة الخبراء
إضافة شريط متحرك آخر المشاركات بأعلى المدونة (بالهيدر ) لمدونة بلوجر - طريقة تركيب الإضافة 1- ادخل إلى مدونتك /واختر تحرير قالب 2- ابحث عن الوسم </body> 3- ضع الكود التالي فوقه الكود : كود بلغة HTML:
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <script type='text/javascript'> //<![CDATA[ $(document).ready(function () { var url_blog = 'http://experts-program.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>No result!</span>'); } }, error: function() { $('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>'); } }); }); //]]> </script> </b:if></b:if> 5- ابحث عن الوسم </head> 6- ضع الكود التالي فوقه الكود : < كود بلغة HTML:
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: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> 8 - اذهب إلى تخطيط واختر / إضافة أداة HTML/JavaScript 9- ضع الكود التالي في صندوق الأداة الكود كود بلغة HTML:
<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--> </b:if></b:if> <div style='clear: both;'/>
__________________
التعديل الأخير تم بواسطة hanna ; 01-17-2014 الساعة 02:29 AM |
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
متحرك, شريط, إضافة |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
إضافة قائمة لمدونة بلوجر بشكل 3d تتقلب | مقدمة من مدونة الخبراء للبرامج | hanna | إضافات وأدوات بلوجر | 0 | 01-15-2014 07:41 AM |
إضافة عارض صور لمدونة بلوجر - مقدم من مدونة الخبراء للبرامج | hanna | إضافات وأدوات بلوجر | 0 | 01-13-2014 09:50 PM |
إضافة صندوق إعجاب الفيسبوك بشكل جديد 2014 لمدونة بلوجر - مقدم من مدونة الخبراء للبرا | hanna | إضافات وأدوات بلوجر | 1 | 01-11-2014 12:41 PM |
اضافة فانوس رمضان بأعلى المدونة (فلاشي متحرك) | خالد الاحمري | إضافات وأدوات بلوجر | 11 | 07-18-2013 11:20 PM |
شرح إضافة شريط آخر مواضيع المدونة بشكل متحرك | admin | إضافات وأدوات بلوجر | 15 | 07-25-2012 10:04 PM |
الساعة الآن 07:48 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |