Mobile Browser Address Bar Color Change कैसे करे Tutorial in Hindi

आज हम सीखेंगे की कैसे single line code से आप अपनी website और Mobile Browser Bar Color Changer Kaise Kare का WordPress Tutorial in Hindi. आपने भी ऐसा बहुत बार देखा होगा की अपने mobile में google chrome browser के address bar का color आपके visit की हुई website के brand (मुख्य) color से match या same होता है, जो देखने में बहुत attractive और professional लगता है.

सभी बड़ी websites like facebook और wpbeginner अपने brand color को mobile browser के address bar color में use करती हैं. हर website का अपना एक मुख्य (brand) color होता है जिसका website के header, footer इत्यादि elements में सबसे ज्यादा use होता है.

अगर आप भी अपनी website के brand color को mobile में google chrome browser के address bar से match करते हो तो आपकी website का look (design) और ज्यादा अच्छा लगेगा और आपकी website के visitors भी आपके brand color को और अच्छे से पहचानेंगे और ये आपकी website के लिए अच्छी branding tricks साबित होगी.

Website और Mobile Browser के address bar color same कैसे करे ये बताने से पहले मैं आपको यहाँ कुछ बातें और clear कर दूँ मैं जो इस post में आपको तरीका बताने बाला हूँ वो सिर्फ WordPress website के लिए है और ये सिर्फ mobile में chrome mobile browser के address bar पर काम करेगा.

• Read: DoFollow And NoFollow Links Me Kya Difference Hai?
• Read: Blog Ke Liye Free Stock Images Kaha Se Download Kare?
• Read: WordPress Theme Development with Bootstrap in Hindi

How To Change Browser Address Bar Color

जैसा की आप जानते है अब ज्यादातर users internet चलाने के लिए mobile का ही use करते है, अब ऐसे में अगर आपकी website का brand color address bar से match करता है तो उसका look एक app की तरह आता है जो visitors को और ज्यादा attract करता है. आइये सीखते है की कैसे single line code से आप अपने mobile browse के address bar का color अपनी website के brand color से match कर सकते हो ….

Steps: सबसे पहले अपने WordPress Dashboard में login हो जाइए. उसके बाद Appearance >> Editor में जाकर header.php open (edit) करिए. अब नीचें दिए code को just closing </head> से पहले paste कर दीजिये और फिर header.php file को Update कर दीजिये.

• Google Assistant क्या है – Google Assistant कैसे चलाएँ

WordPress Tutorial in Hindi

<div class="line number1 index0 alt2">
<pre class="lang:default decode:true ">&lt;!-- Android Phone --&gt;
&lt;meta name="theme-color" content="#333333"&gt;
&nbsp;&nbsp;
&lt;!-- Windows Phone --&gt;
&lt;meta name="msapplication-navbutton-color" content="#333333"&gt;
&nbsp;&nbsp;
&lt;!-- iphone --&gt;
&lt;meta name="apple-mobile-web-app-status-bar-style" content="#333333"&gt;
&lt;meta name="apple-mobile-web-app-capable" content="yes"&gt;</pre>
<p>&nbsp;</p>
</div>

Note: मेरे code में #333333 color code को अपने brand color के HEX code से change कर दें. आप अपने  brand color का HEX code check करने के लिए internet पर मोजूद किसी भी tools Like HTML Color Picker का use कर सकते हो.

• Read: Browser Me Website Push Notifications Disable Kaise Kare?
• Read: Google AdSense Approval kaise aur kab karayen Tips in Hindi
• Read: Google AdSense vs Google Adwords – Dono me kya Difference hai?

Note:- ये तरीका सिर्फ WordPress Blog के लिए यदि आप Blogger blog और Address bar का color match करना चाहते हो तो ये post read करें Blogger Me Address Bar or Mobile Browser Ka Color Same Kaise Kare?

आशा करते है की आपको ये Browser Address Bar Color Change Kaise Kare का WordPress Tutorial in Hindi post पसंद आई होगी. अगर आपको इस post से related कोई सवाल या सुझाव है तो नीचे comment करें और इस post को अपने दोस्तों के साथ जरुर share करें.