Mohon Aktifkan Javascript!Enable JavaScript

اشترك في قناتنا لتصلك شروحاتنا المصورة

للاشتراك اضغط هنا

إضافة تأثير تحميل اليوتيوب إلى مدونة البلوجر Blogger

loadingyt-youtube-to-bloogerإضافة تأثير تحميل اليوتيوب إلى مدونة البلوجر Blogger

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

طريقة تركيب الاضافة :

اذهب الى تحرير القالب ثم Ctrl+f و ابحث عن وسم </body> ، و اضف قبله مباشرة الكود التالي :
<script type='text/javascript'> //<![CDATA[ // http://dia-pro.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>

ثم قم بحفظ القالب و شاهد النتيجة .
أنبرو - A1pro

الكاتب :

  1. التدوينة التالية
  2. التدوينة السابقة
    بلوجر
    فيسبوك
جارى التحميل ...

أصدقاء المدونة (انضم اليهم!)

أفضل 8 العاب أندرويد | تشبه GTA!!

المحتوى المناسب لك