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

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

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

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

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

مميزات شريط آخر الأخبار

شريط آخر المواضيع له ميزات متعددة وجميلة نذكر منها:

• تتميز هذه الإضافة بأنها تجدد نفسها تلقائياً، أي عند كتابة موضوع جديد في المدونة سيظهر في الشريط مباشرة.
• التحكم في عدد المواضيع التي تعرض في الشريط.
• توقف الشريط بمجر تمرير الماوس عليه.
• التحكم في الألوان والخلفية.
• إطلاع زوارك على جديد مواضيعك بسهولة، وبضغطه زر واحدة يستطيع تصفحها.

 

طريقة إضافة شريط آخر الأخبار لمدونة بلوجر

• أولاً تقوم بالبحث عن هذا الوسم ]]></b:skin> وتقوم بوضع الكود التالي فوقه.

.news-tick-wrap{background-color:#fff;box-shadow: 0 1px 3px rgba(0,0,0,0.055); width: 1200px; margin: 0 auto;margin-top: 0px;margin-top: 20px; border-radius: 5px;}

.news-tick-bar{margin:0 auto;position:relative}

.ticker .title{float:right;height:40px;font-size:15px;line-height:40px;font-weight:400;overflow:hidden;padding:0 10px;color:#fff;font-family: droid arabic kufi;text-transform:uppercase;border-bottom-right-radius: 5px;border-top-right-radius: 5px;background-color: #202020; margin-top: 0px;}

.ticker .title .fa{margin-left:5px;background:#fff;padding:5px 6px;border-radius:100%;color:#202020;}

.ticker .widget-content{height:40px;box-sizing:border-box;overflow:hidden;padding:0 4px}

.ticker .widget-content li{float:right;margin-right:40px;display:inline-block;height:38px;line-height:38px;padding:0}

.ticker .widget{height:40px;overflow:hidden}

.tk-thumb{float:right;margin:4px 0 0 10px}

.tk-img{position:relative;display:block;width:35px;height:30px;overflow:hidden}

.ticker .post-tag{display:inline-block;background-color:#555555;color:#fff;margin-left:10px;font-weight:400;border-radius:2px; height:18px; line-height:18px; padding:0 6px;font-size:10px;text-transform:uppercase;position:relative;margin-top:10px;float:right; text-decoration: none;}

.ticker .tyard-title{font-size:14px;font-weight:400;display:inline-block}

.ticker .tyard-title a{color:#555555; text-decoration: none;}

.ticker .tyard-title a:hover{color:#ffbd2f}

.tickercontainer,.tickercontainer .mask,ul.newsticker{-webkit-transition:all 0 linear;-moz-transition:all 0 linear;-o-transition:all 0 linear;transition:all 0 linear;list-style:none;margin:0}

.tickercontainer{margin:0;padding:0;overflow:hidden}

.tickercontainer .mask{position:relative;overflow:hidden}

.newsticker{position:relative;list-style-type:none;margin:0;padding:0}

ul.newsticker{-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;transition:all 0s linear;position:relative;list-style-type:none;margin:0;padding:0}

.tickeroverlay-right{display:none}

.tickeroverlay-left{display:none}

• الأن سوف تبحث عن هذه الوسم </body> وتقوم بوضع الكود التالي فوقه.

<script type='text/javascript'>

  // News Ticker plugin ~ URL: http://jonmifsud.com/open-source/jquery/jquery-webticker

  // <![CDATA[

  

(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>

• أيضاً سوف تبحث عن هذا الوسم </body> وتقوم بضع الكود التالي فوقه.

<script type='text/javascript'> 

  // <![CDATA[

var _0x26b0=["\x64\x61\x74\x61\x2D\x6E\x6F","\x61\x74\x74\x72","\x73\x70\x61\x6E","\x66\x69\x6E\x64","","\x64\x61\x74\x61\x2D\x6C\x61\x62\x65\x6C","\x64\x61\x74\x61\x2D\x74\x79\x70\x65","\x72\x65\x63\x65\x6E\x74","\x6D\x61\x74\x63\x68","\x2F\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x64\x65\x66\x61\x75\x6C\x74\x3F\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x67\x65\x74","\x6A\x73\x6F\x6E\x70","\x3C\x75\x6C\x3E","\x6C\x65\x6E\x67\x74\x68","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x6C\x69\x6E\x6B","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x72\x65\x6C","\x68\x72\x65\x66","\x24\x74","\x74\x69\x74\x6C\x65","\x74\x65\x72\x6D","\x63\x61\x74\x65\x67\x6F\x72\x79","\x63\x6F\x6E\x74\x65\x6E\x74","\x68\x74\x6D\x6C","\x3C\x64\x69\x76\x3E","\x2F\x2F\x77\x77\x77\x2E\x79\x6F\x75\x74\x75\x62\x65\x2E\x63\x6F\x6D\x2F\x65\x6D\x62\x65\x64\x2F","\x69\x6E\x64\x65\x78\x4F\x66","\x2F\x64\x65\x66\x61\x75\x6C\x74\x2E\x6A\x70\x67","\x2F\x6D\x71\x64\x65\x66\x61\x75\x6C\x74\x2E\x6A\x70\x67","\x72\x65\x70\x6C\x61\x63\x65","\x75\x72\x6C","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x3C\x69\x6D\x67","\x73\x37\x32\x2D\x63","\x73\x31\x36\x30\x30","\x73\x72\x63","\x69\x6D\x67\x3A\x66\x69\x72\x73\x74","\x3C\x6C\x69\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6B\x2D\x74\x68\x75\x6D\x62\x22\x3E\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x6B\x2D\x69\x6D\x67\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x3A\x75\x72\x6C\x28","\x29\x20\x6E\x6F\x2D\x72\x65\x70\x65\x61\x74\x20\x63\x65\x6E\x74\x65\x72\x20\x63\x65\x6E\x74\x65\x72\x3B\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x2D\x73\x69\x7A\x65\x3A\x20\x63\x6F\x76\x65\x72\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x79\x69\x6D\x67\x2D\x6C\x61\x79\x22\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x2F\x73\x65\x61\x72\x63\x68\x2F\x6C\x61\x62\x65\x6C\x2F","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x70\x6F\x73\x74\x2D\x74\x61\x67\x20\x69\x63\x6F\x6E\x20","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x68\x33\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x79\x61\x72\x64\x2D\x74\x69\x74\x6C\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x3C\x2F\x61\x3E\x3C\x2F\x68\x33\x3E\x3C\x2F\x6C\x69\x3E","\x3C\x2F\x75\x6C\x3E","\x3C\x73\x70\x61\x6E\x3E\x3C\x2F\x73\x70\x61\x6E\x3E","\x77\x72\x61\x70\x49\x6E\x6E\x65\x72","\x68\x32","\x70\x72\x65\x76","\x3C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x66\x61\x20\x66\x61\x2D\x66\x69\x72\x65\x22\x3E\x3C\x2F\x69\x3E","\x70\x72\x65\x70\x65\x6E\x64","\x77\x65\x62\x54\x69\x63\x6B\x65\x72","\x75\x6C","\x65\x61\x63\x68","\x2E\x74\x69\x63\x6B\x65\x72\x20\x2E\x77\x69\x64\x67\x65\x74\x2D\x63\x6F\x6E\x74\x65\x6E\x74","\x61\x6A\x61\x78","\x6C\x61\x62\x65\x6C","\x2F\x66\x65\x65\x64\x73\x2F\x70\x6F\x73\x74\x73\x2F\x64\x65\x66\x61\x75\x6C\x74\x2F\x2D\x2F","\x3F\x61\x6C\x74\x3D\x6A\x73\x6F\x6E\x2D\x69\x6E\x2D\x73\x63\x72\x69\x70\x74\x26\x6D\x61\x78\x2D\x72\x65\x73\x75\x6C\x74\x73\x3D","\x2E\x74\x69\x63\x6B\x65\x72\x20\x2E\x48\x54\x4D\x4C\x20\x2E\x77\x69\x64\x67\x65\x74\x2D\x63\x6F\x6E\x74\x65\x6E\x74"];var _0xb9cb=[_0x26b0[0],_0x26b0[1],_0x26b0[2],_0x26b0[3],_0x26b0[4],_0x26b0[5],_0x26b0[6],_0x26b0[7],_0x26b0[8],_0x26b0[9],_0x26b0[10],_0x26b0[11],_0x26b0[12],_0x26b0[13],_0x26b0[14],_0x26b0[15],_0x26b0[16],_0x26b0[17],_0x26b0[18],_0x26b0[19],_0x26b0[20],_0x26b0[21],_0x26b0[22],_0x26b0[23],_0x26b0[24],_0x26b0[25],_0x26b0[26],_0x26b0[27],_0x26b0[28],_0x26b0[29],_0x26b0[30],_0x26b0[31],_0x26b0[32],_0x26b0[33],_0x26b0[34],_0x26b0[35],_0x26b0[36],_0x26b0[37],_0x26b0[38],_0x26b0[39],_0x26b0[40],_0x26b0[41],_0x26b0[42],_0x26b0[43],_0x26b0[44],_0x26b0[45],_0x26b0[46],_0x26b0[47],_0x26b0[48],_0x26b0[49],_0x26b0[50],_0x26b0[51],_0x26b0[52],_0x26b0[53],_0x26b0[54],_0x26b0[55],_0x26b0[56],_0x26b0[57],_0x26b0[58],_0x26b0[59],_0x26b0[60],_0x26b0[61]];var _0xd6ef=[_0xb9cb[0],_0xb9cb[1],_0xb9cb[2],_0xb9cb[3],_0xb9cb[4],_0xb9cb[5],_0xb9cb[6],_0xb9cb[7],_0xb9cb[8],_0xb9cb[9],_0xb9cb[10],_0xb9cb[11],_0xb9cb[12],_0xb9cb[13],_0xb9cb[14],_0xb9cb[15],_0xb9cb[16],_0xb9cb[17],_0xb9cb[18],_0xb9cb[19],_0xb9cb[20],_0xb9cb[21],_0xb9cb[22],_0xb9cb[23],_0xb9cb[24],_0xb9cb[25],_0xb9cb[26],_0xb9cb[27],_0xb9cb[28],_0xb9cb[29],_0xb9cb[30],_0xb9cb[31],_0xb9cb[32],_0xb9cb[33],_0xb9cb[34],_0xb9cb[35],_0xb9cb[36],_0xb9cb[37],_0xb9cb[38],_0xb9cb[39],_0xb9cb[40],_0xb9cb[41],_0xb9cb[42],_0xb9cb[43],_0xb9cb[44],_0xb9cb[45],_0xb9cb[46],_0xb9cb[47],_0xb9cb[48],_0xb9cb[49],_0xb9cb[50],_0xb9cb[51],_0xb9cb[52],_0xb9cb[53],_0xb9cb[54],_0xb9cb[55],_0xb9cb[56],_0xb9cb[57],_0xb9cb[58],_0xb9cb[59],_0xb9cb[60],_0xb9cb[61]];$(_0xd6ef[61])[_0xd6ef[55]](function(){var _0xf890x3=$(this)[_0xd6ef[3]](_0xd6ef[2])[_0xd6ef[1]](_0xd6ef[0])|| _0xd6ef[4],_0xf890x4=$(this)[_0xd6ef[3]](_0xd6ef[2])[_0xd6ef[1]](_0xd6ef[5])|| _0xd6ef[4],_0xf890x5=$(this)[_0xd6ef[3]](_0xd6ef[2])[_0xd6ef[1]](_0xd6ef[6])|| _0xd6ef[4];_0xf890x5!= void(((0)))&& _0xf890x5[_0xd6ef[8]](_0xd6ef[7])?$[_0xd6ef[57]]({url:_0xd6ef[9]+ _0xf890x3,type:_0xd6ef[10],dataType:_0xd6ef[11],success:function(_0xf890x6){for(var _0xf890x7=_0xd6ef[4],_0xf890x8=_0xd6ef[12],_0xf890x9=0;_0xf890x9< _0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xd6ef[13]];_0xf890x9++){for(var _0xf890xa=0;_0xf890xa< _0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[16]][_0xd6ef[13]];_0xf890xa++){if(_0xd6ef[17]== _0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[16]][_0xf890xa][_0xd6ef[18]]){_0xf890x7= _0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[16]][_0xf890xa][_0xd6ef[19]];break}};var _0xf890xb=_0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[21]][_0xd6ef[20]],_0xf890xc=_0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[23]][0][_0xd6ef[22]],_0xf890xd=_0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[24]][_0xd6ef[20]],_0xf890xe=$(_0xd6ef[26])[_0xd6ef[25]](_0xf890xd);if(-1< _0xf890xd[_0xd6ef[28]](_0xd6ef[27])){var _0xf890xf=_0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[33]][_0xd6ef[32]][_0xd6ef[31]](_0xd6ef[29],_0xd6ef[30]),_0xf890x10=_0xf890xf}else {if(-1< _0xf890xd[_0xd6ef[28]](_0xd6ef[34])){var _0xf890x11=_0xf890xe[_0xd6ef[3]](_0xd6ef[38])[_0xd6ef[1]](_0xd6ef[37])[_0xd6ef[31]](_0xd6ef[35],_0xd6ef[36]),_0xf890x10=_0xf890x11}else {var _0xf890x10=no_image}};_0xf890x8+= _0xd6ef[39]+ _0xf890x7+ _0xd6ef[40]+ _0xf890x10+ _0xd6ef[41]+ _0xf890xc+ _0xd6ef[42]+ _0xf890xc+ _0xd6ef[43]+ _0xf890xc+ _0xd6ef[44]+ _0xf890x7+ _0xd6ef[43]+ _0xf890xb+ _0xd6ef[45]};_0xf890x8+= _0xd6ef[46],$(_0xd6ef[56])[_0xd6ef[55]](function(){$(this)[_0xd6ef[25]](_0xf890x8),$(this)[_0xd6ef[50]](_0xd6ef[49])[_0xd6ef[48]](_0xd6ef[47]),$(this)[_0xd6ef[50]](_0xd6ef[49])[_0xd6ef[52]](_0xd6ef[51]),$(this)[_0xd6ef[3]](_0xd6ef[54])[_0xd6ef[53]]()})}}):_0xf890x5!= void(((0)))&& _0xf890x5[_0xd6ef[8]](_0xd6ef[58])&& $[_0xd6ef[57]]({url:_0xd6ef[59]+ _0xf890x4+ _0xd6ef[60]+ _0xf890x3,type:_0xd6ef[10],dataType:_0xd6ef[11],success:function(_0xf890x6){for(var _0xf890x7=_0xd6ef[4],_0xf890x8=_0xd6ef[12],_0xf890x9=0;_0xf890x9< _0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xd6ef[13]];_0xf890x9++){for(var _0xf890xa=0;_0xf890xa< _0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[16]][_0xd6ef[13]];_0xf890xa++){if(_0xd6ef[17]== _0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[16]][_0xf890xa][_0xd6ef[18]]){_0xf890x7= _0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[16]][_0xf890xa][_0xd6ef[19]];break}};var _0xf890xb=_0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[21]][_0xd6ef[20]],_0xf890xc=_0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[23]][0][_0xd6ef[22]],_0xf890xd=_0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[24]][_0xd6ef[20]],_0xf890xe=$(_0xd6ef[26])[_0xd6ef[25]](_0xf890xd);if(-1< _0xf890xd[_0xd6ef[28]](_0xd6ef[27])){var _0xf890xf=_0xf890x6[_0xd6ef[15]][_0xd6ef[14]][_0xf890x9][_0xd6ef[33]][_0xd6ef[32]][_0xd6ef[31]](_0xd6ef[29],_0xd6ef[30]),_0xf890x10=_0xf890xf}else {if(-1< _0xf890xd[_0xd6ef[28]](_0xd6ef[34])){var _0xf890x11=_0xf890xe[_0xd6ef[3]](_0xd6ef[38])[_0xd6ef[1]](_0xd6ef[37])[_0xd6ef[31]](_0xd6ef[35],_0xd6ef[36]),_0xf890x10=_0xf890x11}else {var _0xf890x10=no_image}};_0xf890x8+= _0xd6ef[39]+ _0xf890x7+ _0xd6ef[40]+ _0xf890x10+ _0xd6ef[41]+ _0xf890xc+ _0xd6ef[42]+ _0xf890xc+ _0xd6ef[43]+ _0xf890xc+ _0xd6ef[44]+ _0xf890x7+ _0xd6ef[43]+ _0xf890xb+ _0xd6ef[45]};_0xf890x8+= _0xd6ef[46],$(_0xd6ef[61])[_0xd6ef[55]](function(){$(this)[_0xd6ef[25]](_0xf890x8),$(this)[_0xd6ef[50]](_0xd6ef[49])[_0xd6ef[48]](_0xd6ef[47]),$(this)[_0xd6ef[50]](_0xd6ef[49])[_0xd6ef[52]](_0xd6ef[51]),$(this)[_0xd6ef[3]](_0xd6ef[54])[_0xd6ef[53]]()})}})})

  // ]]>

</script>

• الأن مع آخر كود وسوف يكون عليك وضعه في المكان الذي تريد أن يظهر الشريط به.

<div class='news-tick-wrap'>

<div class='news-tick-bar body-row'>

 <b:section class='ticker' id='ticker' maxwidgets='1' name='Ticker News' showaddelement='yes'>

   <b:widget id='HTML13' locked='false' title='أحدث المواضيع' type='HTML' version='1'>

     <b:widget-settings>

       <b:widget-setting name='content'><![CDATA[<span data-type="recent" data-no="5"></span>]]></b:widget-setting>

     </b:widget-settings>

     <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>

 <!--<b:include name='quickedit'/>-->

</b:includable>

   </b:widget>

 </b:section>

    </div>

  </div>

• الأن تقوم بحفظ القالب.

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

سوف تجد في الإضافة الكود هذا <span data-type="recent" data-no="5"></span> هذا الكود يجلب آخر 5 مواضيع من مدونتك بشكل تلقائي، يمكنك التحكم في عدد المواضيع، بعد ذلك يمكنك حفظ الإضافة.

وللمزيد من التفصيل يمكنكم متابعة الفيديو في الأسفل...