Membuat Efek Loading Blog Seperti di Youtube - RESEP

fenifuah.blogspot.com - Apa kabar sobat Zerone Blog Semoga baik ya, Pada kesempatan kali ni Zerone Blog akan memberikan Tutorial Cara Membuat Efek Loading Blog Seperti Di Youtube, Efek loading sendiri adlh salah satu cara untk mempercantik tampilan blog sobat, Efek loading yg akan saya berikan saat ni mungkin sudah tak aneh lagi untk sobat yg sering menonton Video di Youtube, Efek loading tersebut akan muncul ketika sobat membuka / mengeklik sebuah video di youtube efek loading tersebut akan muncul di bagian bar (atas ) situs youtube

Cara Membuat Efek Loading Blog Seperti Di Youtube Caranya cukup mudah sobat harus masuk ke Blogger > Template > Edit HTML, setelah itu Copy kode di bawah ni dan letakan di atas kode </body>

HTML<script type='text/javascript'> //<![CDATA[ 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>

Kemudian Klik Simpan Template, Selesai mudah bukan

Demikian Tutorial Cara Membuat Efek loading Blog Seperti Di Youtube yg dpt Zerone Blog berikan semoga bermanfaat, Terimakasih sudah mengunjungi Zerone Blog

other source : http://zeroneblogg.blogspot.com, http://pinterest.com, http://slideshare.net

Posted by Unknown