صفحة خطأ ): الصفحة التي تبحث/ي عنها غير موجودة يمكنك محاولة كتابة كلمة البحث مضبوطه أو الضغط على الزر التالي للعودة للرئيسية الرئيسية

10‏/04‏/2017

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

إضافة تأثير تحميل اليوتيوب إلى مدونة البلوجر 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>

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

تفضّل مشكوراً بمشاركة الموضوع

اظهر تعليقات : جوجل بلس أو بلوجر

ليست هناك تعليقات:

إرسال تعليق

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

تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).

جميع الحقوق محفوظة لــ Ti9niFour 2017 ©
تصميم :

بضغطة زر تدعمنا وتشارك الفائدة