Cara Membuat Efek Loading Blog Seperti Di Youtube

Apa kabar sobat Zerone Blog Semoga baik ya, Pada kesempatan kali ini Zerone Blog akan memberikan Tutorial Cara Membuat Efek Loading Blog Seperti Di Youtube, Efek loading sendiri adalah salah satu cara untuk mempercantik tampilan blog sobat, Efek loading yang akan saya berikan saat ini mungkin sudah tidak aneh lagi untuk sobat yang sering menonton Video di Youtube, Efek loading tersebut akan muncul ketika sobat membuka atau 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 ini 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 yang dapat Zerone Blog berikan semoga bermanfaat, Terimakasih sudah mengunjungi Zerone Blog