اضافة شريط متحرك لآخر أخبار على بلوجر بشكل احترافي



اضافة شريط متحرك لآخر أخبار على بلوجر بشكل احترافي



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

الآن نمر لتطبيق الإضافة:

1. توجه للوحة التحكم الخاصة بمدونتك.
2. إختر قالب.
3. تحرير HTML.
4. خذ نسخه احتياطيه ل قالب المدونه قبل إجراء أية تغييرات
5. قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL + F):

</head>
6. قبله تماما قم بلصق احد اكواد الالوان التاليه حسب رغبتك :
7. الان بعد ان قمت باختيار احد الاكواد السابقه تبقى لنا خطوه اخيره وهي اضافة كود الاداه اسفل هايدر المدونه
واعلم اخي الكريم ان كود الهايدر يختلف من قالب الى اخر ولكني سوف اوفر لك كود تقريبي لكي يتم اضافة شريط الاخبار في موقعه السليم لذلك سوف يكون هذا الامر راجع لك .
سوف نقوم بالبحث عن الكود التالي :
<div class='main-outer'>

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

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div id='beakingnews'><span class='tulisbreaking'>جديد الأخبار</span><!-- tag pembuka tempat Breaking News-->
<div id='recentpostbreaking'>جاري التحميل  ...</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://hukmat.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://hukmat.blogspot.com برابط مدونتك .
مبروك عليك إضافة ، لا تنسى مشاركة عبر وضعك لإعجابات أو تعاليق . نلتقي في موضوع جديد .

مقالات ذات صلة

Previous
Next Post »

13 التعليقات

التعليقات
3/20/2014 delete

كلمة ...loading فقط تبقى عالقة لا يشتغل النص المتحرك للمواضيع الجديدة ما الحل ..؟

Reply
avatar
5/31/2014 delete

انا بحثت عن الكلمة لكن مش موجوده

Reply
avatar
6/10/2014 delete

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

Reply
avatar
6/10/2014 delete

شكرا جزيلا للمعلومة

Reply
avatar
8/08/2014 delete

اريدها بالون البرتقالى

Reply
avatar
8/09/2014 delete

ستجد سطر على الشكل التالي
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#21b8ff;

المهم هو background:#21b8f

غير #21b8f بكود اللون البرتقالي

Reply
avatar
10/06/2014 delete

دي مدونتي http://www.skytecheg.blogspot.com//
لما اضفها تظهر كلمة جاري التحميل ومش بيظهر مواضيع ايه السبب ؟

Reply
avatar
8/24/2015 delete

زورو موقعي بيها افضل الشروحات
http://ahmedalmobasher.blogspot.com/

Reply
avatar
2/20/2016 delete

اريد مثل هدا الكود ولاكن اضيف كلام عليه
هدا الكود ما اقدر اضيف كلام عليه ,, ولا استطيع اضافتة لموقعي , لان هدا الكود خاص للبلوجر . اريد مثل هدا الكود لو سمحت ولاكن اضيف كلام عليه ,, افتهملك قصدي , وشكرآ على مجهود الرائع
وياريت تكلمني على الفيس بوك , لو شفت تعليقي ,.
https://www.facebook.com/kopraalafa3e

Reply
avatar
5/27/2016 delete

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

تفضلو بزياره موقعنا عبر الانترنت من هنا

(http://www.tsreeb.com/)
http://www.tsreeb.com/
كشف تسربات المياه
كشف تسربات المياه بالرياض
شركه كشف تسربات المياه بالرياض
افضل شركه كشف تسربات المياه بالرياض
كشف تسربات المياه بالرياض عماله فلبينيه
شركه عزل مائى بالرياض
عزل مائى
شركه عزل خزانات بالرياض
عزل الاسطح
عزل خزانات
شركه عزل اسطح بالرياض
شركه ترميم منازل بالرياض
شركه ترميم بالرياض
ترميمات
نقل اثاث بالرياض
نقل عفش بالرياض
نقل عفش
نقل اثاث
شركه تنظيف منازل بالرياض
تنظيف منازل
شركه تنظيف بالرياض
شركه نظافه عامه بالرياض
مكافحه حشرات
رش مبيدات
رش مبيد
شركه رش مبيدات بالرياض
شركه مكافحه حشرات بالرياض

Reply
avatar
5/27/2016 delete

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

تفضلو بزياره موقعنا عبر الانترنت من هنا

(http://www.tsreeb.com/)
http://www.tsreeb.com/
كشف تسربات المياه
كشف تسربات المياه بالرياض
شركه كشف تسربات المياه بالرياض
افضل شركه كشف تسربات المياه بالرياض
كشف تسربات المياه بالرياض عماله فلبينيه
شركه عزل مائى بالرياض
عزل مائى
شركه عزل خزانات بالرياض
عزل الاسطح
عزل خزانات
شركه عزل اسطح بالرياض
شركه ترميم منازل بالرياض
شركه ترميم بالرياض
ترميمات
نقل اثاث بالرياض
نقل عفش بالرياض
نقل عفش
نقل اثاث
شركه تنظيف منازل بالرياض
تنظيف منازل
شركه تنظيف بالرياض
شركه نظافه عامه بالرياض
مكافحه حشرات
رش مبيدات
رش مبيد
شركه رش مبيدات بالرياض
شركه مكافحه حشرات بالرياض

Reply
avatar

المروجوا احترام سياسة المدونة و عمل بها و شكرا ااا