Blogger Theme Code Customize Kaise kare(कैसे करे)?

Blogger Theme Code Customize Kaise kare(कैसे करे)?


दोस्तों आज का topic है Blogger Theme Code Customize Kaise kare(कैसे करे)? अगर आप अपने Blog पर Professional Blogger template Add करना चाहते है और उसके Category, Width, Footer को Edit करना चाहते है तो आप बिलकुल सही जगह है.
https://gradeupadda.blogspot.in/

आज मैंने आपको Smoothgrid Professional responsive Blogger template का Code Customize करने के बारे में बताऊंगा और साथ में बताऊंगा की कैसे आप HTML Code के द्वारा Blog Category और Footer को Edit कैसे  कर सकते है.


Blogger Theme Code Customize Kaise Kare(कैसे करे)?

दोस्तों किसी Blogger template को Edit और Customize करने के Blogger Dashboard में 2 तरीके होते है. Theme और Layout, Layout से आप Template को बिना Coding के Visual तरीके से Customize कर सकते है But इसमें बहुत से Limitation होते है. Theme से आप HTML Coding के द्वारा Blog template को Edit कर सकते है और Blog का कोई भी Width change कर सकते है कुछ भी blog में add कर सकते है और कुछ भी blog से delete कर सकते है.

मैं आपको यहाँ पर HTML Code के माध्यम से Smothgrid Professional Blogger Theme को Customize करने के बारे में सभी Steps बताऊंगा और आप इन Step को Follow करके इस theme को Blog पर add कर सकते है.

Step to Download & Edit Blogger Theme:

स्टेप 1. सबसे पहले आप Smoothgrid Theme Download करे और Blogger  Dashboard से Theme Option में जाकर Backup/restore option से Theme का .xml File upload करे.

Xml file
                                                                      ↓↓

स्टेप 2. Theme Upload हो जाने के बाद, आप वापस Blogger Dashboard में आ जाये और फिर से Theme Option पर click और इसबार Edit HTML Option में जाये.
edit theme html
स्टेप 3. सबसे पहले हम इस Theme का Category Edit करेंगे, इसके लिए आपको Simple HTML Code में अपने Computer से ctrl के साथ F Key को Press करना है, Press करने के बाद एक छोटा सा Search Box Open होगा.

Search Box में Original theme से कोई एक Category copy करके paste कर दो उसके बाद search icon पर यह enter press कर दो जहा भी Category code होगा वह पहुच जाओगे.

अब यहाँ से आप अपना केटेगरी set कर सकते है जो भी चाहते है और link add कर सकते है. जैसे की अगर आपको Services की Category को change करके Mobile लगाना है और Label में भी mobile link add करने है तो आप,

Original Code: <li class='menu-item'><a href='#'>Services</a>

Services की जगह Mobile और # की जगह Blog URL/search/label/mobile link add कर दो,

Change Code: <li class='menu-item'><a href='https://smartsupport24.blogspot.in/search/label/mobile'>Mobiles</a>

इसी तरह आप बाकि के सभी Code change कर सकते है केटेगरी के,

स्टेप 4. Category Select करने के बाद, Meta tags, Google Verification Code & Google Analytic Code add करना होता है. उसके बारे में पहले बताया जा चूका है आप link को follow करके उनके बारे में जानकारी हासिल कर सकते है.
स्टेप 5. HTML Code में Category या Menu set करने के बाद बचता है इसका Footer जिसे केवल HTML code के द्वारा Edit किया जा सकता है. इसके लिए आप "jump to width" option में जाये  और सबसे last वाला HTML पर click करे.
Jump to footer

जैसे ही आप HTML पर click करेंगे आप Footer Credit option तक पहुच जायेंगे, यहाँ से आपको अगर Blog का Footer Hide करना है, तो style='visibility : hidden' नाम का Code add करना होगा हर एक link के साथ,

Original Code: Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Rights Reserved - <div id='mscontent'/> &amp; <a href='http://blogger-templatees.blogspot.com/' id='mycontent' rel='dofollow' target='_blank' title='msdesignbd'>Premium Themes</a>

यह Smoothgrid theme का Footer Code है इसका Footer Hide करने के लिए,

change code: Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Rights Reserved - <div id='mscontent'/> &amp; <a href='http://blogger-templatees.blogspot.com/' id='mycontent' rel='dofollow' target='_blank' title='msdesignbd' style='visibility : hidden'>Premium Themes</a>

स्टेप 6: अब आपके Theme में Basic HTML Editing ख़तम हो गया है और आपको Layout से Theme को Customize करना होगा.

header पर अगर आप Image Logo add करना चाहते है, तो आप header icon पर Edit पर click करे और Image option select करे इन सभी चीजों के बारे में विस्तार से इस video में बताया गया आप link पर click करके video देखे,