7 أكتوبر 2015

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

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

اضافة شريط آخر الأخبار المتحرك بشكل احترافي في بلوجر و هذه الإضافة تُعتبر من اهم الإضافات للمدونات الاخبارية و التقنية

اضافة شريط آخر الأخبار المتحرك بشكل احترافي - تُعد هذه الإضافة من اهم الإضافات للمدونات التقنية و الأخبارية
و لا غِنى عنها بالنسبة لهم فالشريط يقوم بعرض عناوين آخر و أحدث المواضيع بشكل مُتحرك
و المميز في هذا الشريطإنه مُلفت للنظر بسبب ألوانه بحيث يتغير لون مربع الأقسام بشكل تلقائي مما يؤدي إلى لفت نظر الزائر
و إذا كانت عناوين المواضيع قوية تجعل من يقرائها يضغط على العنوان فهذه هي الإضافة الأنسب لك
 يُمكنك معاينتها من خلال الزر التالي


طريقة التركيب

  1. ادخل إلى لوحة تحكم بلوجر
  2. انقر على تبويب قالب
  3. اضغط على تحرير HTML


ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه
/* CSS ticker */
.ticker {overflow: hidden;}
.ticker .title {float: right;width: 150px;height: 40px;line-height: 40px;text-align: center;color: #FFFFFF;background: #2c97de;margin: 7px 6px 7px 0px;}
.post-tag{display: inline-block;height: 20px;line-height: 20px;padding: 0px 5px;font-size: 13px;margin-left: 4px;color: #fff !important;font-family: Droid Arabic Kufi, cursive;background-color: #B565BE;}
.ticker .ticker-icon {float: right;margin-right: 10px;}
.ticker .ticker-icon i {margin-left: 15px;display: inline-block;font-size: 18px;}
.ticker .title h6 {float: right;line-height: 40px;font-size: 13px;font-weight: 700;font-family: droid arabic kufi,cursive;}
.ticker .tickercontainer {width: 84%;margin: 0;overflow: hidden;float: right;height: 40px;}
.ticker .tickercontainer .mask {position: relative;top: 8px;overflow: hidden;height: 40px;}
.ticker ul.newsticker {position: relative;right: 100px;list-style-type: none;margin: 0;padding: 0;height: 40px;}
.ticker ul.newsticker li {font-size: 12px;float: right;height: 40px;margin-left: 15px;}
.ticker ul.newsticker a {white-space: nowrap;padding: 0 7px;color: #FFFFFF;height: 40px;font-size:12px;font-weight:400;}
a.post-tag {line-height: 21px;}
.newsticker li:nth-child(1) a.post-tag{background-color: #2C97DE;}
.newsticker li:nth-child(2) a.post-tag{background-color: #A557A5;}
.newsticker li:nth-child(3) a.post-tag{background-color: #1E73BE;}
.newsticker li:nth-child(4) a.post-tag{background-color: #DD3333;}
.newsticker li:nth-child(5) a.post-tag{background-color: #E94B35;}
.newsticker li:nth-child(6) a.post-tag{background-color: #1EBE65;}
.newsticker li:nth-child(7) a.post-tag{background-color: #F7B625;}
.newsticker li:nth-child(8) a.post-tag{background-color: #479123;}
.newsticker .recent-title{display: inline-block;}
.ticker ul.newsticker span {margin: 0 0 0 10px;}
.ticker ul.newsticker .sep {display: inline-block;width: 6px;height: 7px;margin: 0 40px;}
.ticker-section {margin-right: 20px;width: 96.3%;overflow: hidden;background: #363b3f;-webkit-box-shadow: inset 0 5px 0 rgba(0,0,0,0.04);-moz-box-shadow: inset 0 5px 0 rgba(0,0,0,0.04);box-shadow: inset 0 5px 0 rgba(0,0,0,0.04);}
.PageList .selectnav {margin-top: 8px;}
.jari { color: #fff; position: relative; right: 5px; }

ولجعل الشريط متجاوب مع الهواتف ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه
@media screen and (max-width:1066px) {
.ticker .tickercontainer {width: 80%;}}

@media screen and (max-width:960px) {
.ticker .tickercontainer {width: 75%;}}

@media only screen and (max-width:768px){
.ticker .tickercontainer {width: 68%;}}

@media only screen and (max-width:640px){
.ticker .title{display:none}
.ticker .tickercontainer {width: 95%;}}

مُلاحظة

الاكواد التي باللون الاحمر قد تكون موجودة في قالبك لذلك فقط اضف الاكواد التي تحتها بدون }
إذا لم تفهم هذه الخطوة فقط اعملني في التعليقات و سوف اساعدك

الان ابحث عن الوسم </body> و اضف الكود التالي فوقه
<script type='text/javascript'>
//<![CDATA[
// News Ticker plugin ~ URL: http://jonmifsud.com/open-source/jquery/jquery-webticker
(function(e){function n(e,t){var s=e.data("settings");if(typeof t==="undefined")t=false;if(t){i(e)}var o=r(e);e.animate(o.css,o.time,"linear",function(){e.css(s.direction,"0");n(e,true)})}function r(e){var t=e.data("settings");var n=e.children().first();var r=Math.abs(-e.css(t.direction).replace("px","").replace("auto","0")-n.outerWidth(true));var t=e.data("settings");var i=r*1e3/t.speed;var s={};s[t.direction]=e.css(t.direction).replace("px","").replace("auto","0")-r;return{css:s,time:i}}function i(e){var t=e.data("settings");e.css("transition-duration","0s").css(t.direction,"0");var n=e.children().first();if(n.hasClass("webticker-init"))n.remove();else e.children().last().after(n)}function s(e,t){if(typeof t==="undefined")t=false;if(t){i(e)}var n=r(e);var s=n.time/1e3;s+="s";e.css(n.css).css("transition-duration",s)}function o(t,n,r){var i;e.get(t,function(t){var s=e(t);s.find("item").each(function(){var t=e(this),n={title:t.find("title").text(),link:t.find("link").text()};listItem="<li><a href='"+n.link+"'>"+n.title+"</a></li>";i+=listItem});r.webTicker("update",i,n)})}function u(t){var n=t.data("settings");t.width("auto");var r=0;t.children("li").each(function(){r+=e(this).outerWidth(true)});if(r<t.parent().width()||t.children().length==1){if(n.duplicate){itemWidth=Math.max.apply(Math,t.children().map(function(){return e(this).width()}).get());while(r-itemWidth<t.parent().width()||t.children().length==1){var i=t.children().clone();t.append(i);r=0;t.children("li").each(function(){r+=e(this).outerWidth(true)});itemWidth=Math.max.apply(Math,t.children().map(function(){return e(this).width()}).get())}}else{var s=t.parent().width()-r;s+=t.find("li:first").width();var o=t.find("li:first").height();t.append('<li class="ticker-spacer" style="width:'+s+"px;height:"+o+'px;"></li>')}}if(n.startEmpty){var o=t.find("li:first").height();t.prepend('<li class="webticker-init" style="width:'+t.parent().width()+"px;height:"+o+'px;"></li>')}r=0;t.children("li").each(function(){r+=e(this).outerWidth(true)});t.width(r+200);widthCompare=0;t.children("li").each(function(){widthCompare+=e(this).outerWidth(true)});while(widthCompare>=t.width()){t.width(t.width()+200);widthCompare=0;t.children("li").each(function(){widthCompare+=e(this).outerWidth(true)})}}var t=function(){var e=document.createElement("p").style,t=["ms","O","Moz","Webkit"];if(e["transition"]=="")return true;while(t.length)if(t.pop()+"Transition"in e)return true;return false}();var a={init:function(r){r=jQuery.extend({speed:50,direction:"right",moving:true,startEmpty:true,duplicate:false,rssurl:false,hoverpause:true,rssfrequency:0,updatetype:"reset"},r);return this.each(function(){jQuery(this).data("settings",r);var i=jQuery(this);i.addClass("newsticker");var a=i.wrap("<div class='mask'></div>");a.after("<span class='tickeroverlay-right'>&nbsp;</span><span class='tickeroverlay-left'>&nbsp;</span>");var f=i.parent().wrap("<div class='tickercontainer'></div>");u(i);if(r.rssurl){o(r.rssurl,r.type,i);if(r.rssfrequency>0){window.setInterval(function(){o(r.rssurl,r.type,i)},r.rssfrequency*1e3*60)}}if(t){i.css("transition-duration","0s").css(r.direction,"0");s(i,false);i.on("transitionend webkitTransitionEnd oTransitionEnd otransitionend",function(t){if(!i.is(t.target)){return false}s(e(this),true)})}else{n(e(this))}if(r.hoverpause){i.hover(function(){if(t){var n=e(this).css(r.direction);e(this).css("transition-duration","0s").css(r.direction,n)}else jQuery(this).stop()},function(){if(jQuery(this).data("settings").moving){if(t){s(e(this),false)}else{n(i)}}})}})},stop:function(){var n=e(this).data("settings");if(n.moving){n.moving=false;return this.each(function(){if(t){var r=e(this).css(n.direction);e(this).css("transition-duration","0s").css(n.direction,r)}else e(this).stop()})}},cont:function(){var r=e(this).data("settings");if(!r.moving){r.moving=true;return this.each(function(){if(t){s(e(this),false)}else{n(e(this))}})}},update:function(t,n,r,i){n=n||"reset";if(typeof r==="undefined")r=true;if(typeof i==="undefined")i=false;if(typeof t==="string"){t=e(t)}var s=e(this);s.webTicker("stop");var o=e(this).data("settings");if(n=="reset"){s.html(t);s.css(o.direction,"0");u(s)}else if(n=="swap"){s.children("li").addClass("old");for(var a=0;a<t.length;a++){id=e(t[a]).data("update");match=s.find('[data-update="'+id+'"]');if(match.length<1){if(r){if(s.find(".ticker-spacer:first-child").length==0&&s.find(".ticker-spacer").length>0){s.children("li.ticker-spacer").before(t[a])}else{s.append(t[a])}}}else s.find('[data-update="'+id+'"]').replaceWith(t[a]);}s.children("li.webticker-init, li.ticker-spacer").removeClass("old");if(i)s.children("li").remove(".old");stripWidth=0;s.children("li").each(function(){stripWidth+=e(this).outerWidth(true)});s.width(stripWidth+200)}s.webTicker("cont")}};e.fn.webTicker=function(t){if(a[t]){return a[t].apply(this,Array.prototype.slice.call(arguments,1))}else if(typeof t==="object"||!t){return a.init.apply(this,arguments)}else{e.error("Method "+t+" does not exist on jQuery.webTicker")}}})(jQuery);
//]]>
</script>
<script>
  //<![CDATA[
$(".ticker .jari").each(function () {
 var e = $(this).text();
 if (e.match("recent")) {
  $.ajax({
   url: "/feeds/posts/default?alt=json-in-script&max-results=6",
   type: "get",
   dataType: "jsonp",
   success: function (e) {
    var t = "";
    var n = "<ul>";
    for (var r = 0; r < e.feed.entry.length; r++) {
     for (var i = 0; i < e.feed.entry[r].link.length; i++) {
      if (e.feed.entry[r].link[i].rel == "alternate") {
       t = e.feed.entry[r].link[i].href;
       break
      }
     }
     var s = e.feed.entry[r].title.$t;
     var o = e.feed.entry[r].category[0].term;
     n += '<li><a href="/search/label/' + o + '" class="post-tag">' + o + '</a><h3 class="recent-title"><a href="' + t + '">' + s + "</a></h3></li>"
    }
    n += "</ul>";
    $(".ticker .jari").each(function () {
     $(this).html(n);
     $(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>');
     $(this).removeClass("widget-content").addClass("layout-content");
     $(this).find("ul").webTicker();
     $("p.trans").each(function () {
      var e = $(this).text();
      var t = $(this).attr("data-tran");
      $("#pages-wrapper *").replaceText(e, t)
     })
    })
   }
  })
 } else {
  $.ajax({
   url: "/feeds/posts/default/-/" + e + "?alt=json-in-script&max-results=10",
   type: "get",
   dataType: "jsonp",
   success: function (e) {
    var t = "";
    var n = "<ul>";
    for (var r = 0; r < e.feed.entry.length; r++) {
     for (var i = 0; i < e.feed.entry[r].link.length; i++) {
      if (e.feed.entry[r].link[i].rel == "alternate") {
       t = e.feed.entry[r].link[i].href;
       break
      }
     }
     var s = e.feed.entry[r].title.$t;
     var o = e.feed.entry[r].category[0].term;
     n += '<li><a href="/search/label/' + o + '" class="post-tag">' + o + '</a><h3 class="recent-title"><a href="' + t + '">' + s + "</a></h3></li>"
    }
    n += "</ul>";
    $(".ticker .jari").each(function () {
     $(this).html(n);
     $(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>');
     $(this).removeClass("widget-content").addClass("layout-content");
     $(this).find("ul").webTicker();
     $("p.trans").each(function () {
      var e = $(this).text();
      var t = $(this).attr("data-tran");
      $("#pages-wrapper *").replaceText(e, t)
     })
    })
   }
  })
 }
});
  //]]>
</script>


الان الخطوة الاخيرة 


الكود التالي هو المسئول عن عمل الإضافة بحيث يمكنك إضافته في المكان الذي تُريده
اسفل القائمة أعلى المدونة يمكنك إضافته في اي مكان

<div class='clear'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='ticker ticker-section' id='ticker'>
   <div>
     <div>
<div class='content-wrap container-wrapper '>
  <div class='title second-color-bg '>
        <div class='ticker-icon'> <i class='fa fa-spinner fa-pulse'/> </div>
        <h6>آخبار الموقع</h6>
      </div>
  <div class='jari'>
    recent
  </div>
       </div>
</div>
   </div>
 </div>
</b:if></b:if>

اتمنى ان يكون الموضوع اعجبكم
اي سؤال او استفسار لا تترد بوضعه في تعليق


مواضيع ذات صلة
اضافة شريط آخر الأخبار المتحرك بشكل احترافي
4 / 5
بواسطة

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

  1. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. لا شُكر على واجب يا غالي
      و اعتذر لمسح التعليق لا ننشر روابط إشهار

      حذف
    2. هل يمكنك إعطائي هذا القالب http://moontemplate.blogspot.com.eg/

      حذف
    3. اهلا صديقي
      هذا القالب مدفوع و ثمنه 10$
      و يتم شرائه من خمسات من خلال حسابي

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

      حذف
    5. وعليكم السلام
      اخر جزئية في المكان الي تريد ظهور الشريط فيه
      ايضاً تابع التعليقات قد تفيدك

      حذف
  2. اضافة رائعة شكرا لك أخي مواضيعك شيقة

    ردحذف
    الردود
    1. مرورك الرائع يا غالي
      شُكراً لك

      حذف
  3. اضافة رائعة أخي منير لاكن لو منعتها من الضهور في الهاتف يكون أفضل

    ردحذف
    الردود
    1. هو يجب ان يكون متجاوب مع جميع الشاشات و من السهل عمل هذا
      ولكن يمكنك الان الإطلاع على الموضوع تم إضافة اكواد التجاوب مع الهواتف

      حذف
    2. لا أكملت عليه أخي منير أصبح يضهر أسفل أخبار الأنترنيت أنصحك بإخفائه على الهواتف

      حذف
    3. لا يجب إزالته من الهواتف
      لو لاحظت في شريط الاخبار الذي في قوالب بلوجر التي انا عربتها مازال الشريط يظهر في الهواتف
      فهذه الإضافات اساسية للمدونات الاخبارية و التقنية و يجب ان تكون متجاوبة و ليس محذوفة
      وانا في الموضوع قمت بإضافة اكواد التجاوب مع جميع الشاشات
      ولكن يمكنك حذفها من الهواتف من خلال إضافة

      ticker .tickercontainer {display:none;}

      حذف
  4. شكرا جزيلا أخي =s

    ردحذف
  5. شكرا لك اخى على الاضافة انت الافضل كل مواضيعك جميله جدا =q

    ردحذف
    الردود
    1. لا شُكر على واجب يا غالي
      و شكراً لتعليقك =r

      حذف
    2. شكرا لك اخي العزيز
      تمت التجربة بنجاح
      لكن العنوان (آخبار الموقع) يكون اسفل الاطار الازرق

      حذف
    3. هنا يجب عليك التعديل عليه من أجل تنسيقه
      لأن حجم قالبك يختلف عن حجم قالب المدونة فوق
      لذلك يتغير الحجم على حسب كل مدونة وهنا انت يجب عليك التعديل

      حذف
    4. كيفية التحكم في سرعة الشريط ؟ و عندي مشكل في أن المواضيع في الشريط تمر مرة واحدة فقط بدون تكرار حتى تحديث الصفحة من جديد

      حذف
    5. لا يمكن التحكم بسرعته
      حاول التعديل على max-width في الشريط لأنهّا قد تكون 100%
      وتأكد من إضافة الاكواد بشكل صحيح

      حذف
  6. أخي لذي مشكل في صفحات المدونة مثل إتفاقية إستخدام أو تبادل إعلاني ... لا يضهر صندوق التعليقات رغم أني سمحت لهم بضهور عبر خيارات

    ردحذف
    الردود
    1. لأنك تستخدم تعليقات ديسكوس صديقي

      حذف
    2. لا أنا أستعمل تعليقات جوجل

      حذف
    3. في صفحة التبادل الإعلاني يوجد تعليقات Disqus
      بالنسبة للصفحات الثانية لا يوجد تعليقات و تقريباً صعب تحديد المُشكلة لإن التعليقات تظهر في المواضيع
      وقد يكون السبب إنك قمت بالتعديل على اكواد او شيء من هذا سبب بإختفائها

      حذف
    4. أخي أنا قمت بإضافة صندوق Disqus بسبب عدم ضهور تعليقات جوجل

      حذف
    5. في قالب vienna lite 2 جرب تفتح عليه تعليقات جوجل أنا جلرب في مدونة تجريبة ولم يشتغل

      حذف
    6. لو التعليقات كانت تظهر في المواضيع
      معناها هُناك مشكلة او اكواد انت عدلت عليها
      تسببت بهذه المشكلة
      او تكون اضفت اكواد بدون قصدك تسببت بهذه المشكلة
      ولكن تعليقات Disqus ليست سيئة
      ولكن لا تستخدمها داخل المواضيع فالأفضل فقط إستخدامها في الصفحات

      حذف
    7. و قد يكون السبب إن ارلينا قامت بحذف التعليقات من ارلينا
      لذلك تفضل الحل ابحث عن

      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <style type='text/css'>
      #comments{display:none;}
      .post img{background:#f3f3f3;height:auto;max-width:95%;margin-bottom:2.0px;box-shadow:none;transition:all 0.6s ease-out;}
      .post img:hover {opacity:0.95;}
      .viennalite-info {background:#69bedd;}
      .author-info, .time-info, .comment-info, .label-info, .review-info, .viennalite-info a {color:#fff;}

      و قم بمسح
      #comments{display:none;}

      و احفظ القالب و فل لي هل ظهرت التعليقات او لا

      حذف
    8. تعليقات Disqus ليس لها علاقة بالموضوع أنا أعرف كيف أضفتها
      عند حدف #comments{display:none;} ضهر صندوق تعليقات لكن بشكل غير مرتب أذخل إتفافية الإستخدام

      حذف
    9. ولكن انا لم اقل إن تعليقات Disqus هي السبب المُهم
      سبب ظهورها غير مُرتب لإنه لا يوجد ستايل لها
      حاول ان تنسح كود CSS الخاص بالتعليقات فوق /* CSS Footer Wrapper */ في قالبك

      حذف
    10. ممكن كود CSS الخاص بالتعليقات

      حذف
    11. ابحث في قالبك عن /* CSS Comments *
      سوف تجد الكود تحتها

      حذف
    12. مشاء الله عليك ساعدتني كثيرا شكرا لك أخي على صبرك ومجهوداتك

      حذف
    13. لا داعي للشكر فهذا واجب
      بالتوفيق يا غالي

      حذف
    14. أزال أحد مشرفي المدونة هذا التعليق.

      حذف
    15. السلام عليكم
      اخي اول شي بتشكرك علموضوع
      بس عندي مشكلة اني بدي اكبر الخط واغير سرعة الشريط هل من الممكن المساعده

      حذف
    16. ابحث عن font-size: وغير لرقم بعدها
      تسريع الشريط لا اظن انه موجود في هذا الشريط

      حذف
  7. أخي, هل يمكن إستخدام هذا الشريط بدلا من شريط الأخبار في قالب ' ماج نيوز ' و كيف ذالك ؟

    ردحذف
    الردود
    1. ينفع تضيفوا في المدونة الي تريدها
      ولكن لا اظن إن الشكل سوف يكون مناسب للقالب
      بالنسبة لكيف ذلك فقط اتبع خطوات الموضوع

      حذف
  8. اخى الاضافة عندى لا تعمل وتعطينى كلمة recent
    ارجو الحل سريعا وشكرا

    ردحذف
    الردود
    1. اهلا اخي تأكد من إضافة للشريط بشكل صحيح
      و كلمة recent هي التي سوف تقوم بتفعيل الإضافة
      و يجب ان يكون في المدونة مواضيع حتى تعمل الإَضافة

      حذف
    2. عندى مواضيع كثيرة وانا متاكد ان مضيف الشريط بشكل صحيح

      حذف
    3. ممكن يكون فى كود ناقص او رابط

      حذف
    4. أزال أحد مشرفي المدونة هذا التعليق.

      حذف
    5. السبب إن الشريط يعمل على قوالب الماج فقط
      لذلك شوف يا غالي
      استبدل كود الجافا سكريبت الثاني بهذا الكود

      <script>
      //<![CDATA[
      $(".ticker .widget-content").each(function () {
      var e = $(this).text();
      if (e.match("recent")) {
      var e="http://www.aegygeek.com/",t=20;$.ajax({
      url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,
      type: "get",
      dataType: "jsonp",
      success: function (e) {
      var t = "";
      var n = "<ul>";
      for (var r = 0; r < e.feed.entry.length; r++) {
      for (var i = 0; i < e.feed.entry[r].link.length; i++) {
      if (e.feed.entry[r].link[i].rel == "alternate") {
      t = e.feed.entry[r].link[i].href;
      break
      }
      }
      var s = e.feed.entry[r].title.$t;
      var o = e.feed.entry[r].category[0].term;
      n += '<li><a href="/search/label/' + o + '" class="post-tag">' + o + '</a><h3 class="recent-title"><a href="' + t + '">' + s + "</a></h3></li>"
      }
      n += "</ul>";
      $(".ticker .widget-content").each(function () {
      $(this).html(n);
      $(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>');
      $(this).removeClass("widget-content").addClass("layout-content");
      $(this).find("ul").webTicker();
      $("p.trans").each(function () {
      var e = $(this).text();
      var t = $(this).attr("data-tran");
      $("#pages-wrapper *").replaceText(e, t)
      })
      })
      }
      })

      } else {
      $.ajax({
      url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,
      type: "get",
      dataType: "jsonp",
      success: function (e) {
      var t = "";
      var n = "<ul>";
      for (var r = 0; r < e.feed.entry.length; r++) {
      for (var i = 0; i < e.feed.entry[r].link.length; i++) {
      if (e.feed.entry[r].link[i].rel == "alternate") {
      t = e.feed.entry[r].link[i].href;
      break
      }
      }
      var s = e.feed.entry[r].title.$t;
      var o = e.feed.entry[r].category[0].term;
      n += '<li><a href="/search/label/' + o + '" class="post-tag">' + o + '</a><h3 class="recent-title"><a href="' + t + '">' + s + "</a></h3></li>"
      }
      n += "</ul>";
      $(".ticker .widget-content").each(function () {
      $(this).html(n);
      $(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>');
      $(this).removeClass("widget-content").addClass("layout-content");
      $(this).find("ul").webTicker();
      $("p.trans").each(function () {
      var e = $(this).text();
      var t = $(this).attr("data-tran");
      $("#pages-wrapper *").replaceText(e, t)
      })
      })
      }
      })
      }
      });
      //]]>
      </script>

      مع إستبدال رابط www.aegygeek.com برابط مدونتك

      حذف
    6. شكرا اخى على اهتمامك ولكن لم تعمل

      حذف
    7. واخى ما الفرق بين قوالب الماج وقالبى وهل يمكن ان حول قالبى الى ماج

      حذف
    8. أزال أحد مشرفي المدونة هذا التعليق.

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

      لذلك إذا لم يعمل معك صراحة لا استطيع إفادتك غير بالطريقة التي اعطيتك إياها ضمن التعليقات

      حذف
  9. انا اسف اخى انه لايعمل فى مدونتى ولكن عنما جرته على رابط مدونتك عمل وبه بعد الاخطاء

    ردحذف
    الردود
    1. لا داعي للأسف يا غالي
      والله ما اعرف حل
      اانا جربته على الكثير من المدونات هناك مدونات عمل عليها الرابط
      و هناك مدونات لا يعمل عليها و لا اعرف السبب صراحة

      حذف
  10. شكرا للطرح اخى الغالى

    ردحذف
  11. السلام عليكم ورحمه الله
    ممتاز جدا الشريط اشتغل عندي بس كلام الشريط نازل لتحت باين نصف الكلمة اظبطو ازاي

    ردحذف
    الردود
    1. جرب التعديل على width و height في كل من الاكواد التالية
      .ticker .tickercontainer {width: 84%;margin: 0;overflow: hidden;float: right;height: 40px;}
      .ticker .title {float: right;width: 150px;height: 40px;l

      حتى يتناسق مع مدونتك

      حذف
  12. ممكن حضرتك طريقه ضبط الشريط في جمه من عرض وطول

    ردحذف
    الردود
    1. تم الرد في التعليق السابق يا غالي

      حذف
  13. اسف علي الاطاله الشريط عارض فقط قائمه الطرائف وباقي الاقسام لم يعرضها

    ردحذف
    الردود
    1. لا داعي للإعتذار يا غالي
      صراحة لا افهم لماذا يعرض لك فقط هذه
      ولكنه يعرض جميع مواضيع الموقع بشكل تلقائي و عشوائي

      حذف
  14. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
    الردود
    1. شكراً لك صديقي
      وانا اقدر لك المساعدة
      ولكن اعذرني لا نستطيع نشر اي روابط
      ومدونتك جميلة تم الدخول إليها والتعليق بها
      بالتوفيق

      حذف
  15. الردود
    1. يمكنك الان تجربة التركيب تم حل جميع المشاكل وسوف يعمل على كافة المدونات إن شاء الله

      حذف
  16. نفس المشكلة اخر الكريم
    يمكنك اخذ الاكواد من المدونة التى عليها المعاينة و نشرها هنا

    ردحذف
    الردود
    1. صديقي فعلًا تم أخذ الاكواد من القالب فوق ووضعها هنا دون تغيير اي شيء
      يجب عليك بعد التركيب أن تقوم بتنسيق الشريط ليصبح مناسب مع حجم مدونتك
      حتى يعمل 100%

      حذف
  17. الشريط يتحرك و يقف عند اول حركه له ثم يقف

    ردحذف
    الردود
    1. حاول التعديل على الحجم والطول والعرض في الشريط حتى يصبح متوافق مع قالبك

      حذف
    2. بالفعل انا نثقت حجمها لاكن عند التعديل و قبل التعديل الشريط يقف عند اول حركة :(
      ارجو حلها

      حذف
    3. صراحًة أنا ركبت الشريط في مدونة أخرى
      وهو يعمل دون أي مشاكل وأخذت الاكواد الموجودة في الموضوع هنا
      قد يكون السبب من عندك تقريبًا ولله أعلم

      حذف
    4. ممكن تركبهولى انت

      حذف
    5. والله يا غالي
      أنا مشغول كتير ومش فاضي
      حاول اتباع الخطوات وعملها بالطريقة الصحيحة

      حذف
    6. ما انا حاولت و مش عاوز يشتغل

      حذف
    7. والله يا غالي ما اقدر أفيدك بشي
      بس أنا مُتأكد من أنّك تضيف الأكواد بشكل خاطيء أو في المكان الغير الصحيح
      قم بتركيب الشريط وأرسل لي رابط المدونة

      حذف
    8. أزال أحد مشرفي المدونة هذا التعليق.

      حذف
    9. أهلاً صديقي
      يُمنع إضافة روابط في التعليقات
      نعتذر لمسح التعليق

      حذف
  18. ارجو الرد يا استاذ

    ردحذف
    الردود
    1. تم الرد صديقي
      كل ما هنالك ان الشريط غير متوافق مع القالب عند التعديل سوف يتم حل كل المشاكل

      حذف
    2. التعديل على ايه

      حذف
  19. يا صديقى انا مركب القالب دة ولكن لدى ثلاث مشاكل 00 اول شئ (( القالب دة فى شريط اخبار وانا لا اعرف ازاى اركب الشريط )) تانى شئ يوجد اسم مدونتك فى اخر المدونة تحت ولا يوجد اظر لمسحها (( ثلاث شئ يوجد تسميات لا يوجد طروق لمسحها من على القالب او من على التخطيط )) وشكرا ليكم لاأنك محترف

    ردحذف
    الردود
    1. اهلًا صديقي اسم مدونتي لا يمكنك حذفه
      بخصوص التسميات هذه بسبب قوالب قديمة انت كنت مركبها
      بالنسبة لشريط الاخبار فهو غير متواجد عندك هذا القالب الذي في المعاينة مدفوع
      ولم يتم نشره

      حذف
  20. هو ازاي اصغر حجمه

    ردحذف
    الردود
    1. ابحث عن .ticker-section
      سوف تجد width: 96.3%;
      استبدل رقم 96 بما تشاء

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

    ردحذف
    الردود
    1. وعليكم السلام
      صراحة لم افهم سؤالك ما علاقته بالموضوع

      حذف
  22. غير معرف09 أبريل, 2016

    السلام عليكم بصراحة إضافة مميزة لكن أنا أريد مثلها لكن لعرض ملاحظات أكتبها أنا وتظهر متحركة هل لديك فكرة عن تعديل الكودج ليشمل مطلبي t=

    ردحذف
    الردود
    1. وعليكم السلام
      صراحة ليس لدي فكرة
      وهذه الإضافة فقط مخصصة للمواضيع

      حذف
  23. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  24. اخي هل هو يعمل علي قالب wagzine?

    ردحذف
  25. السلام عليكم ورحمة الله اخي الكريم انا معي هاتف سوني وجربت ابحث علي الوسم في المدونه مابتظر معي

    ردحذف
    الردود
    1. وعليكم السلام
      عن أي وسم تقصد صديقي
      وجرب كتابة الوسم بشكل صحيح
      أيضًا قد تختلف اسماء الاكواد من قالب لأخر لذلك يجب أنّ تكون تمتلك خبرة برمجية بسيطة

      حذف
  26. ‏اللهم اشغل قلوبنا بحبك ، وألسنتنا بذكرك ، وأبداننا بطاعتك ، وعقولنا بالتفكر في خلقك والتفقه في دينك.

    ردحذف
    الردود
    1. شكرًا لك على كلامك الجميل =e
      احترامي وتقديري لشخصك الكريم =r

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

    ردحذف
    الردود
    1. وعليكم السلام
      هذا بسبب كود جوجل درايف
      حيثُ انّه الغو خدمة جوجل درايف إن شاء الله سوف نحل المشكلة في اقرب وقت

      حذف

يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ويمكنك ان تستخدم الإبتسامات بالوقوف عليها لمعرفة الكود. اولا تضع الـ = بعدها الحرف الخاص بالإبتسامة
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r