How To Create a Full-Width Post Or Page Without Sidebar in Blogger

 

 ब्लॉगर ब्लॉग में पूरी चौड़ाई वाला पेज बनाना सीखे बिना साइड बार के |

 ब्लॉगर यूजर होने के नाते कभी आपने एक ऐसा पेज बनाने के बारे में सोचा होगा उसमें कोई साइड बार ना हो और जो अधिक प्रोफेशनल दिखता हो | 

यदि आप यह सोच रहे हैं कि ब्लॉगर प्लेटफार्म पर क्या हम साइड बार छुपा सकते हैं या Full Width वाला पेज बना सकते हैं ?

आपकी जानकारी के लिए बता दें कि ब्लॉगर उतना फ्लैक्सिबल नहीं है जितना कि WordPress या अन्य CMS 

लेकिन हां हम जावास्क्रिप्ट और CSS की मदद से sidebar को हटा भी सकते हैं और आपके  पेज या पोस्ट को Full- width बना सकते हैं |

आपने देखा होगा कि दूसरे ब्लॉगर के पास अक्सर Contact us या Advertise पेज होता है जो उनके अन्य पेज से अलग होता है, इन पेजों पर चौड़ाई बढ़ाने या साइड बार को छिपाने का मुख्य कारण उनकी वेबसाइट को Professional दिखाना होता है |

यदि आप साइड बार को हटाकर अपने ब्लॉग के पेजों की चौड़ाई को बढ़ाने की सोच रहे हैं तो आप सही जगह पर आएं, क्योंकि आज हम आपको बताने जा रहे हैं कि ब्लॉगर ब्लॉग में पूरी चौड़ाई के पेज को कैसे बनाया जाए और इसके साइड बार को कैसे हटाया जाए जिससे आपका ब्लॉग आकर्षक और प्रोफेशनल दिखे |

अब सबसे पहले Blogger.com पर जाएं

Log-in to Blogger >> Add NEW Page/Post

एक नया Page or Post बनाएँ

Page को संपादित करते समय Blogger Post Editor पर HTML TAB पर क्लिक करें

निम्नलिखित सीएसएस और XML कोड Paste करें :

<style>#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:140%!important;} .post { width:140%!important; }</style>

चौड़ाई बदलें: आप अपनी आवश्यकताओं के अनुसार 140% को बदल सकते हैं, आप प्रतिशत के बजाय पिक्सेल का भी उपयोग कर सकते हैं अर्थात् 900px।

सलाह: यदि आप एक निश्चित page से टाइटल को बाहर करना चाहते हैं, तो बस ऊपर कोडिंग में </style> से पहले निम्न कोड पेस्ट करें। बॉट और क्रॉलर आपके शीर्षक को crawl करना जारी रखेंगे, लेकिन users उन्हें नहीं देखेंगे क्योंकि CSS की मदद से हमने उन्हें छुपा दीया है |

.post-title, .post-labels, post-icons, post-author {display:none!important;}

अब आप इस लेख को प्रकाशित करें और फिर साइडबार के बिना एक पूर्ण पूर्ण-चौड़ाई पृष्ठ देखने के लिए अपनी साइट पर जाएं।

Conclusion


हमें उम्मीद है कि अब आप सभी भागों को को समझ ही गए होंगे यदि आपके मन में इस लेख से related कोई भी संदेह हो या आप इसमें कुछ सुधार चाहते हैं तब आप नीचे कमेंट लिख सकते हैं |
यदि आपको हमारा यह लेख अच्छा लगा हो तो इस पोस्ट को फेसबुक, ट्विटर और इंस्टाग्राम पर ज्यादा से ज्यादा शेयर करे |
हमारी पोस्ट को पढ़ने के लिए  धन्यवाद !

Leave a Comment

Your email address will not be published. Required fields are marked *