Hello Friends Tech Gyan In Hindi में आपका स्वगत है मेरा नाम है गणेश कुमार इस Post में हम आपको Blogger में Progress Bar कैसे Add करें ? के बारे में बताएँगे
Friends अगर आप अपने LapTop या Computer में YouTube को इस्तेमाल करते है तो जब भी आप YouTube पर किसी के बारे में Serach करते है तो आपको ऊपर एक लाल Colour की एक चलती हुई Line जरुर देखी होगी उसे हम Progress Bar कहते है
आज के इस Post में हम आपको Blogger में उस Progress Bar यानि लाल Color की Line को कैसे Add करते है इसके बारे में बताएँगे आप आप Blog Blogger पर है और आप अपने Blog में YouTube की तरह Progress Bar लगाना चाहते है तो इस Post में हम आपको इसी के बारे में बताने वाले है
Blogger में Progress Bar कैसे Add करें ?
Blogger में Progress Bar Add करने के लिए आपको कुछ Simple Steps को Follow करना है अगर आप अपने Blogger Blog या Website में Progress Bar Add करना चाहते है तो नीचे दिए गए Steps को Follow है
- सबसे पहले आपको अपने Blogger के Dashboard को Open कर लेना है
- अब आपको “Theme” पर Click करने के बाद आपको “Customize” के आगे “Down Arrow Button” पर Click करना है
- इसके बाद आपको “EditHTML” पर Click करके “</body>” Tag को Search करना है
- इसके बाद आपको नीचे दिए गए Code को Copy करना है और </body> के ऊपर Paste कर देना है और Save पर Click कर देना है
<script type='text/javascript'>
//<![CDATA[
var Nanobar=function(){var c,d,e,f,g,h,k={width:"100%",height:"2px",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||"#db3131";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>जब आप इन सभी Steps को Follow करेंगे तो आपके Blogger के Blog और Website में Progress Bar Add हो जायेगा
Read Also :- Top 7 Free Web Hosting For Websites-2021
Read Also :- Top 5 Cheap Premium Web Hosting-2021
Read Also :- Google Adsense Approval के Tips
Conclusion :-
हम उम्मीद करते है कि आपको Blogger में Progress Bar कैसे Add करें ? की जानकारी आपको पसंद आई होगी आप हमारे इस Post को अपने Friends और Social Media पर Share करके आप हमारा और हमारी Team का मनोबल बढ़ा सकते है अगर इस Post से Related आपके मन में कोई सवाल है तो आपको हमको नीचे Comment Box के जरिये पूंछ सकते है
