اضافة شريط آخر الأخبار بصور المواضيع

اضافة شريط آخر الأخبار بصور المواضيع

يوجد الآن مشاهدة التعليقات : 30

الموضوع

اقرأ ايضًا

التعليقات

عن الكاتب

تعليمات

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

شرح طريقة التركيب
1. من القالب ابحث عن ]]></b:skin> ثم ضع الكود التالي فوقه
.ticker-wrap{display:block;text-align:center;margin:0 20px 20px 20px;padding:2px;background:#fefefe;border:1px solid rgba(0,0,0,0.1);border-right:5px solid #3cc091}
.ticker-wrap>span{display:inline-block;background:#fefefe;padding:0;font:700 13px 'roboto',sans-serif}
.ticker-wrap>span>a{color:#222;text-decoration:none}
#ticker{height:45px;direction:rtl;overflow:hidden;background:#fefefe;text-align:right}
#ticker ul{direction:rtl;padding:0;margin:0;list-style:none}
#ticker ul li{height:45px;direction:rtl;white-space:nowrap}
#ticker ul li img{float:right;direction:rtl;width:35px;height:35px;margin:5px 5px 5px 7px}
#ticker ul li h3{margin:0;direction:rtl;font:700 12px 'Noto Naskh Arabic',sans-serif}
#ticker ul li h3 a{color:#333;direction:rtl;text-decoration:none;line-height:25px!important}
#ticker ul li .tickermeta{font:700 12px 'Noto Naskh Arabic',sans-serif;line-height:20px!important;direction:rtl;color:#999}
2. ضع الكود التالي فوق </body>
<script type='text/javascript'>
//<![CDATA[
// Breaking News ticker by arlinadzgn
function getauthor(t){for(var e=0;e<t.length;e++)var i=t[e].name.$t;return i}function getmeta(t){var e=[];e[1]="يناير",e[2]="فبراير",e[3]="مارس",e[4]="أبريل",e[5]="مايو",e[6]="يونيو",e[7]="يوليو",e[8]="أغسطس",e[9]="سبتمبر",e[10]="أكتوبر",e[11]="نوفمبر",e[12]="ديسمبر";var i=t.substring(0,4),a=t.substring(5,7),n=t.substring(8,10),r=e[parseInt(a,10)]+" "+n+" "+i;return r}function arlinadesignTicker(t){var e=document.querySelector("#ticker"),i=t.feed.entry,a="<ul id='ticket-wrapper-inner'>";if(i){for(var n=0;n<i.length;n++){for(var r=i[n],s=0;s<r.link.length;s++)if("alternate"==r.link[s].rel){var l=r.link[s].href;break}try{var o='<img src="'+r.media$thumbnail.url+'"/>'}catch(t){var o=""}var u=r.title.$t,c=getauthor(r.author),d=getmeta(r.published.$t);a+="<li>"+o+'<h3><a href="'+l+'">'+u+'</a></h3><div class="tickermeta"><span>'+c+"</span> - <span>"+d+"</span></div></li>"}a+="</ul>",e.innerHTML=a}$("#ticker").vTicker()}!function(t){var e={speed:700,pause:4e3,showItems:1,mousePause:!0,height:0,animate:!0,margin:0,padding:0,startPaused:!1},i={moveUp:function(t,e){i.animate(t,e,"up")},moveDown:function(t,e){i.animate(t,e,"down")},animate:function(e,i,a){var n=e.itemHeight,r=e.options,s=e.element,l=s.children("ul"),o="up"===a?"li:first":"li:last";s.trigger("vticker.beforeTick");var u=l.children(o).clone(!0);if(0<r.height&&(n=l.children("li:first").height()),n+=r.margin+2*r.padding,"down"===a&&l.css("top","-"+n+"px").prepend(u),i&&i.animate){if(e.animating)return;e.animating=!0,l.animate("up"===a?{top:"-="+n+"px"}:{top:0},r.speed,function(){t(l).children(o).remove(),t(l).css("top","0px"),e.animating=!1,s.trigger("vticker.afterTick")})}else l.children(o).remove(),l.css("top","0px"),s.trigger("vticker.afterTick");"up"===a&&u.appendTo(l)},nextUsePause:function(){var e=t(this).data("state"),i=e.options;e.isPaused||2>e.itemCount||a.next.call(this,{animate:i.animate})},startInterval:function(){var e=t(this).data("state"),a=this;e.intervalId=setInterval(function(){i.nextUsePause.call(a)},e.options.pause)},stopInterval:function(){var e=t(this).data("state");e&&(e.intervalId&&clearInterval(e.intervalId),e.intervalId=void 0)},restartInterval:function(){i.stopInterval.call(this),i.startInterval.call(this)}},a={init:function(n){a.stop.call(this);var r=jQuery.extend({},e);n=t.extend(r,n);var r=t(this),s={itemCount:r.children("ul").children("li").length,itemHeight:0,itemMargin:0,element:r,animating:!1,options:n,isPaused:n.startPaused?!0:!1,pausedByCode:!1};t(this).data("state",s),r.css({overflow:"hidden",position:"relative"}).children("ul").css({position:"absolute",margin:0,padding:0}).children("li").css({margin:n.margin,padding:n.padding}),isNaN(n.height)||0===n.height?(r.children("ul").children("li").each(function(){var e=t(this);e.height()>s.itemHeight&&(s.itemHeight=e.height())}),r.children("ul").children("li").each(function(){t(this).height(s.itemHeight)}),r.height((s.itemHeight+(n.margin+2*n.padding))*n.showItems+n.margin)):r.height(n.height);var l=this;n.startPaused||i.startInterval.call(l),n.mousePause&&r.bind("mouseenter",function(){!0!==s.isPaused&&(s.pausedByCode=!0,i.stopInterval.call(l),a.pause.call(l,!0))}).bind("mouseleave",function(){(!0!==s.isPaused||s.pausedByCode)&&(s.pausedByCode=!1,a.pause.call(l,!1),i.startInterval.call(l))})},pause:function(e){var i=t(this).data("state");if(i){if(2>i.itemCount)return!1;i.isPaused=e,i=i.element,e?(t(this).addClass("paused"),i.trigger("vticker.pause")):(t(this).removeClass("paused"),i.trigger("vticker.resume"))}},next:function(e){var a=t(this).data("state");if(a){if(a.animating||2>a.itemCount)return!1;i.restartInterval.call(this),i.moveUp(a,e)}},prev:function(e){var a=t(this).data("state");if(a){if(a.animating||2>a.itemCount)return!1;i.restartInterval.call(this),i.moveDown(a,e)}},stop:function(){t(this).data("state")&&i.stopInterval.call(this)},remove:function(){var e=t(this).data("state");e&&(i.stopInterval.call(this),e=e.element,e.unbind(),e.remove())}};t.fn.vTicker=function(e){return a[e]?a[e].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof e&&e?void t.error("Method "+e+" does not exist on jQuery.vTicker"):a.init.apply(this,arguments)}}(jQuery),$(function(){var t=document.createElement("script");t.src="http://"+$(".ticker-wrap").data("domain")+"/feeds/posts/summary?alt=json&callback=arlinadesignTicker",t.type="text/javascript",document.getElementsByTagName("body")[0].appendChild(t)});
//]]>
</script>
3. نأتي للمرحلة الأخيرة وهي تخص كود HTML الذي يُظهر الشريط يمكنك وضعه بأي مكان يناسبك تحت الهيدر فوق القائمة إلخ أو يمكنك تجربته بوضعه في أداة Html/Javascript إذا كانت المساحة متواجدة بالتخطيط
<div class='ticker-wrap' data-domain='www.ar1web.com'>
<div id='ticker'>
</div>
</div>
التعديلات
* في الكود الأخير غير www.ar1web.com برابط موقعك
* لتغيير لون البوردر فهو محدد بالبرتقالي في الكود الأول #3cc091 (قائمة الألوان)
ملحوظة:

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
5😊😉😀😁😎😍😜😑😇💖😯😱😭👍❓🍻

هناك 30 تعليقًا:

  1. اخي الكريم لماذا المدونة لا تعمل هذا الشريط في المدونات قبل 30 يوم او اكثر الاول كان المدونات تخذ منك الموضيع لمذا لا تنشاء موضيع يومين #احد عاشيقن المدونة

    ردحذف
  2. الاضافة قديمة

    ردحذف
  3. شكرا صديقي حسام

    ردحذف
  4. غير معرف5/25/2016

    اخيرا نريد مواضيع يومية وشكرا لك مبدع

    ردحذف
  5. مجهود ممتاز اخى حسام بارك الله فيك
    اخوى ممكن الخط المستخدم ف الاضافه

    ردحذف
  6. باركك الله، شريط أخبار احترافي ماشاء الله
    بانتظار عودتك ومعاودة نشاطك حسام كن

    ردحذف
  7. جميل اخي حساام ^^

    ردحذف
  8. موضوع تم طرحه في المدونات الأجنبية شهور مضت ، مدونتكم في تراجع يا أخي.

    ردحذف
  9. السلام عليكم اخى الكريم
    لدى مشكلة بمدونتى
    هى ان كود تقليل التدوينة واضافة إقرأ المزيد لا يعمل لا اعلم لماذ مع العلم انه فى البداية كان يعمل
    هذا هو رابطها اتمنى من كل شخص يعرف الحل يدخل عليها ويشوف ايه هى المشكلة والنبى:
    http://mobdea1.blogspot.com/
    مع العلم اننى لا اقوم بإشهار موقعى
    كما اننى اعتذر من المدير لاننى لم اضعه بركن الاسئلة لأنه مغلق وهذه المشكلة ضرورية ستؤثر على

    ردحذف
  10. اضافة جميلة ورائعة شكراً لك اخي حسام ننتظر جديدك

    ردحذف
  11. أخي لقد ركبتتتته لكننه لا يظهر أي خبر
    https://teqnet02.blogspot.com/2016/05/mi-drone.html

    ردحذف
  12. اضافة مميزة بارك الله فيك اخي حسام

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

    ردحذف
    الردود
    1. بالتوفيق اخي الكريم احد معجابينك

      حذف
  14. مرحبا اخي حسام انا احد متابعيك
    لدي مشكلة بقالب مدونتي وهي بها فيروس من نوع Trojan :(
    وقد تم تجاهلي من طرف غوغل ادسنس و بعض الانتيفيروسات :(
    رابط المدونة http://www.ha1pc.com/
    ممكن تقولي اي سكريبت به الفيسوس من فضلك ؟؟
    انتضر رضك :(

    ردحذف
  15. السلام عليكم .. اخي انا بدي اسالك سؤال ضروري ولم اجد ليه حل ول شرح ع اي مدونه قولت انت التسعدني .. انا اشتريت دومين من جودودي وبعد انتهاء السنه الدومين المدفوع توقف ول اريد ان اجدده مره اخري واريد ان ارجعه الي الدومين المجانا .. كيف اريد ازالته رجاء مساعدتدي وشكرا

    ردحذف
  16. لا يوجد عندي مكان في التخطيط لوضع الاضافة تحت الناف بار كيف اضعها ؟ مع العلم اني عندما وضعتها في اكواد html تحت الناف بار لم تعمل

    ردحذف
  17. أخي الكريم ارجو الرد السريع اواجه مشكلة مع قالبي التعليقات جميعها في مدوني (بلوجر فيسبوك و ديسكوس)
    لا تشتغل اخي الكريم اريد احل هل يمكنك ان تعطيني بريدك لأضيفك من مشرفي المدونة

    ردحذف
  18. انا متابع قديم لك

    ردحذف
  19. هذه رابط الموقع الذي يوجد فيه المشكلة انتقل بالتديونات على رياحتك
    http://community-fcrate.blogspot.com

    ردحذف
  20. اضافة جميلة ورائعة شكراً لك اخي
    http://qissass2016.blogspot.com/

    ردحذف
  21. مشكوووووووور يا غالي :*

    ردحذف
  22. الاضافه ظهرت لكن فاضيه

    ردحذف
  23. الاضافه ظهرت بس فاضيه

    ردحذف
  24. اخى عندى فى قالب تواصل الشريط الاخبارى فى اعلى المدونة عندى لا يعمل ممكن اجابة

    ردحذف
  25. كيفية اضافة اسم للشريط مثلا اخر الاخبار
    ارجو الرد

    ردحذف
  26. اجدد الافلام من هنا http://poppamr.blogspot.com.eg/

    ردحذف

عن الكاتب :

إرشادات

    تحميل الملفات

    نستخدم بمدونتنا مواقع مختلفة في رفع الملفات ونوفر منها إثنان:
  • موقع : Mediafire
  • موقع :file-upload
  • باسوورد فك الضغط للملفات المضغوطة : Ar1web2014
  • تجدون روابط التحميل في القوالب والملحقات بجانب التدوينة أي بالسيدبار
  • كل ملحق أو قالب يوجد بالمدونة هو للإستعمال الشخصي فقط
  • إن تواجد رابط معطوب فالمرجو التبليغ عنه هنا، شكرا.
  • أين تجدنا؟

    بعيدا عن الصفحات المزورة أو المزيفة التي يحاول البعض من خلالها استغلال جهود فريق عمل عرب ويب، هذه هي حساباتنا وصفحاتنا الرسمية في الشبكات الاجتماعية، لا نمتلك سوى هذه الصفحات والحسابات وهي الوحيدة التي تتبع للمدونة : https://www.instagram.com/ar1web

    كلمة الختام

    في مدونة عرب ويب نسعى دوما جاهدين للتحسن والتقدم وليس ما تراه هو حدودنا! ونحن نقدر كثيرا زوارنا وآراؤهم فإن كان لديك أي اقتراح/نصيحة/ومضة مفيدة/نقد بناء أو ما إلى ذلك يمكنك مشاركتنا كل ما في جعبتك من خلال الإتصال بنا : istoretech3@gmail.com
أخر تعديل كان في يوم السبت 20 يونيو من سنة 2020 ، هذه الصفحة قابلة للتعديل وقت اللزوم