اضافة تاتير شريط تحميل صفحة اليتوب على مدونتك بكل سهولة

اذا كنت مهتما باضافة تاتير الشريط على مدونتك بطريقة سهلة فقط اتبع الطريقة ادناه 

  

السلام عليكم ورحمة الله واسعد الله اوقاتكم بكل خير

اليوم اردت ان اشارك معكم هذا الدرس و هو :   

1. لوحة التحكم
2.  إضغط على قالب
3.    ثم تحريرhtml  
4. إبحث بالضغط على   CTRL+F عن الكود التالي : </body>
5.  ثم ضع قبله الكود التالي مباشرةً :

<script type='text/javascript'> //<![CDATA[ // http://masquedz.blogspot.com var Nanobar=function(){var c,d,e,f,g,h,k={width:"100%",height:"3px",zIndex:9999,top:"0"},l={width:0,height:"100%",clear:"both",transition:"height .3s"};c=function(a,b){for(var c in b)a.style[c]=b[c];a.style["float"]="left"};f=function(){var a=this,b=this.width-this.here;0.1>b&&-0.1<b?(g.call(this,this.here),this.moving=!1,100==this.width&&(this.el.style.height=0,setTimeout(function(){a.cont.el.removeChild(a.el)},100))):(g.call(this,this.width-b/4),setTimeout(function(){a.go()},16))};g=function(a){this.width= a;this.el.style.width=this.width+"%"};h=function(){var a=new d(this);this.bars.unshift(a)};d=function(a){this.el=document.createElement("div");this.el.style.backgroundColor=a.opts.bg;this.here=this.width=0;this.moving=!1;this.cont=a;c(this.el,l);a.el.appendChild(this.el)};d.prototype.go=function(a){a?(this.here=a,this.moving||(this.moving=!0,f.call(this))):this.moving&&f.call(this)};e=function(a){a=this.opts=a||{};var b;a.bg=a.bg||"#df0d0d";this.bars=[];b=this.el=document.createElement("div");c(this.el, k);a.id&&(b.id=a.id);b.style.position=a.target?"relative":"fixed";a.target?a.target.insertBefore(b,a.target.firstChild):document.getElementsByTagName("body")[0].appendChild(b);h.call(this)};e.prototype.go=function(a){this.bars[0].go(a);100==a&&h.call(this)};return e}(); var nanobar = new Nanobar();nanobar.go(30);nanobar.go(60);nanobar.go(100); //]]> </script>

اترك بصمتك هنا ولو بتعليق حتى تحفزنا