إضافة تأثير تحميل اليوتيوب إلى مدونة البلوجر Blogger - Ti9niFour
اشترك في قناتنا ليصلك جديدنا :)
مرحبا بك في مدونتنا ! :) للبحث عنا من جوجل يمكنك كتابة " تقني فور " أو "Ti9niFour" ! لا تنس متابعتنا والاشتراك في قناتنا للتوصل بكل ماهو جديد عنا! :)

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

- الاثنين, أبريل 10, 2017

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>

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

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

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

 

ابدأ الكتابة ثم اضغط انتر للبحث