मोबाइल के जरिए ब्लॉग HTML code को कैसे Edit करे?

Hello Bloggers, आज हम उन सभी मोबाइल Bloggers को एक तरीका बताने जा रहे है जिसे follow करने के बाद आप अपने मोबाइल के जरिए अपने ब्लॉग के HTML code को edit कर सकते हो। AcchiBaat हर Bloggers का सम्मान करता है और हम हमेशा अपने ब्लॉग पर ऐसे-ऐसे स्मार्ट उपाय देते है जिसे वो blogger follow कर सकते है जो सोचता है कि मोबाइल के जरिए blogging नही की जा सकती। हमें अपने पिछले आर्टिकल में मोबाइल blogging से संबंधित बहुत से आर्टिकल पब्लिश किए है आप उसे जरूर पढ़े।

• मोबाइल के जरिए खुद का ब्लॉग कैसे बनाए?
• मोबाइल के जरिए ब्लॉग theme कैसे change और अपलोड करे?
• मोबाइल को कंप्यूटर कैसे बनाए?
• क्या मोबाइल के जरिए blogging की जा सकती है?

अगर आप इन सभी आर्टिकल को पढ़ लोगे तो आप पूरी तरह समझ पाओगे कि मोबाइल के जरिए blogging हो सकती है वो भी बिना किसी परेशानी के। ज्यादातर blogger अपने मोबाइल के जरिए आर्टिकल लिखते है और उसे पब्लिश करते है, आर्टिकल लिखना और पब्लिश करने में कोई समस्या नही होती है जब बात आती है अपने ब्लॉग के design की तो वो अपने मोबाइल के जरिए ब्लॉग को design नही कर पाते।

ऐसे में वो कंप्यूटर पार्लर जाते है या फिर अपने दोस्त के कंप्यूटर के जरिए अपना ब्लॉग design करते है। ब्लॉग design करने के दौरान हमें अपने ब्लॉग के HTML code को edit करना पड़ता है जो की कंप्यूटर के जरिए ही संभव है।

क्या आपको सच में ऐसा लगता है कि आप अपने ब्लॉग HTML code को सिर्फ कंप्यूटर के जरिए edit या फिर modify कर सकते हो? अगर आप ऐसा सोचते हो तो आज का हमारा आर्टिकल पूरा जरूर पढ़े, क्योंकि आखिर में आपको पूरी तरह समझ में आ जाएगा कि आप मोबाइल के जरिए अपने ब्लॉग HTML code को edit कर सकते हो।

मोबाइल के जरिए ब्लॉग HTML code को कैसे Edit करे?

ब्लॉग के HTML code को edit करने का मतलब होता है कि अपने ब्लॉग के HTML code में कुछ code को add करना या फिर code को modify करना। हम आपको एक उदाहरण देकर समझा रहे है बस आप उस उदाहरण को follow कीजिए और समझने की कोशिश कीजिए कि मोबाइल के जरिए HTML code कैसे edit किया जाता है।

उदाहरण – जब हम अपने ब्लॉग में कोई widget add करते है तो कुछ widget को add करने के लिए हमें अपने ब्लॉग के HTML code को edit करना होता है। मान लीजिए कि मैं अपने ब्लॉग में related post widget लगाना चाहता हूं तो इसके लिए मुझे नीचे दिए गये स्टेप follow करने होंगे।

स्टेप – 1

HTML code में नीचे दिए गये code को सर्च करे।

<div class='footer-wrapper'>

स्टेप – 2

<div class=’post-footer’> code के ठीक ऊपर, नीचे दिए गए code को पेस्ट करे।

<!-- Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
</script>
</div><div class='clear'/><div style="font-size: 9px;float: right; margin: 5px;"><a  style="font-size: 9px; text-decoration: none;" href="http://helplogger.blogspot.com/2012/03/how-to-add-related-posts-widget-to.html" rel="nofollow" >Related Posts Widget</a></div>
</b:if>
<!-- Related Posts with Thumbnails Code End-->

तो अब आप सोचते होंगे कि इस स्टेप को follow करने के लिए आपको कंप्यूटर की जरूरत होगी। नही आप इस स्टेप को अपने मोबाइल के जरिए भी follow कर सकते हो। चलिए आपको बताते है कि ऐसा कैसे हो सकता है।

1. अपने blogger dashboard पर जाए Theme पर click करे।
2. Edit HTML पर click करे।

Edit HTML पर क्लिक करते ही आपको अपने ब्लॉग का HTML code नजर आएगा। आपको अपने browser के top right corner में three dot के ऊपर click करना है।

Three dot के ऊपर click करते ही आपको browser menu नजर आएगा, जहां पर आपको Find in page पर click करना है।

1. Find in page पर click करते ही आपको एक search box नजर आएगा जहां पर आपको अपने HTML code को paste करके search करना है।

2. Search करने के लिए Search Icon पर click करे।

जैसा की मैने आपको उदाहरण में बताए की मुझे अपने ब्लॉग में एक related post widget add करनी है जिसके लिए सबसे पहले मुझे HTML code में <div class=’footer-wrapper’> सर्च करनी होगी।

1. सर्च करने के बाद search result show होने मे कुछ समय लगता है, इसलिए 10 से 15 सेकेंड तक इन्तेजार करे। आप उपर दिए गये तस्वीर में देख सकते हो (1) की ये आपके search result quantity के बारे में बताती है। मतलब कि आपने जो सर्च किया है वो कितनी बार HTML code में मौजूद है। जैसा की आप उपर इमेज में देख सकते हो कि यहां 1/1 show हो रहा  है। इसका मतलब ये है की हमने जो सर्च किया है वो HTML code में सिर्फ एक बार ही है।

2. इस arrow sign पर क्लिक करके हम अपने सर्च के next value को find कर सकते है। मान लीजिए कि आपने एक ऐसा code सर्च किया है जो HTML code में 3 बार आता है, तो इस arrow पर क्लिक करके आप next search result को देख सकते हो।

3. Sidebar में जो आपको symbol नजर आती है ये आपको बताती है कि आपने जो सर्च किया है वो HTML code में किस जगह पर है।

4. आपने जो सर्च किया है वो HTML code में आप directly देख सकते हो और जिस code को edit करना है उसे आसानी से सर्च कर सकते हो। जैसा कि मैने अपने HTML code में <div class=’footer-wrapper’> सर्च किया था, तो सर्च कंप्लीट होने के बाद में अपने HTML code में extra code आसानी से add कर सकता हूं।

नोट : मैने जो आज आपको उपाय बताया है वो Chrome browser के लिए है। इसलिए अगर आप अपने ब्लॉग HTML code को edit करना चाहते हो तो आपको अपने मोबाइल के Chrome browser के जरिए सभी स्टेप्स को follow करने होंगे।

तो दोस्तों आज का हमारा आर्टिकल आपको कैसा लगा हमें जरूर बताए, हमें पूरी उम्मीद है कि आज आपको कुछ नया सीखने को मिला। अगर आपको blogging से संबंधित कोई समस्या face करनी पड़ रही है तो आप हमें जरुर comment करें ताकि आपको सभी problems solve कर सके। HAPPY BLOGGING

ये भी जाने-

• Blog design करने के 28 step by step guide.
• ब्लॉगर ब्लॉग में Notification Bell Icon कैसे लगाये?
• क्या सच में Blogging में बहुत Competition है?