Landing Page कैसे बनाये For Blogger Blogspot In Hindi - how to create landing page on blogger in hindi ?

Landng page kaise banate hai,Or yeh Landing Page केसा  dikta hai. 

nding Page se Hota kya hai ?

- Landing Page एक Page है जहा  हम अप्पने Homepage par Blog Ki जगह appna Landing Page dikha sakte hai 


मेरे पास बहुत लोगो की कमेंट और ईमेल आती है की

Sir, how to hide blog posts on homepage in blogger

how to hide posts in blogger

blogger tutorial for beginners in hindi

blogger home page without post

blogger static home page template

blogger homepage design

how to change homepage in blogger

how to create home page in blogger

what is a static page in blogger

 तो इसी का Answer Yeh Landing page hai

Q) रुकिए! आपको Landing Page की आवश्यकता क्यों है?

Landing page को केवल एक विशेष लक्ष्य पर ध्यान केंद्रित करने के लिए Designed किया गया है, जिसे आप प्राप्त करना चाहते हैं - चाहे आप अपनी E-Mail List बढ़ाने के लिए Email Capture करना चाहते हैं, Promote your own products or anything else। एक Landing Page पर, अन्य सभी जो विज़िटर के ध्यान को sidebar, footer, header or navigation area जैसे विचलित कर सकते हैं,  is hidden except your landing page content.
निचे आपको Landing Page दिया गया है! जोह आप आपने Blogger पर क्रिएट कर सकते हो और वह आपको High ROI and Engagement .

Read also: Navratri Free PHP Whatsapp Viral Script

पर पहले आपको आपने पुराने Blogger Ko deko केसा लगता था पहले !




तो अगर आपको यह Blogger पर करना है तोह आपको यह सब Setting karni Hogi.

Step 1. Create a new Page

पहले आपको Pages Par Click पर करना होगा जेसे इस Pitcure Mien बताया गया है !






नोट: यदि आप Custom Domain Name का उपयोग कर रहे हैं तो अपने Page Ki URL को कॉपी करें, लेकिन यदि आप एक मुफ्त Blogspot.in Domain Name का उपयोग कर रहे हैं तो आपको नीचे दिए गए अनुसार कुछ बदलाव करने होंगे: .com को देश विशिष्ट एक्सटेंशन बदलना उदाहरण के लिए: यदि आप भारत से हैं तो आपका उप-डोमेन नाम http://example.blogspot.in होगा, इसलिए आपको URL के अंत में .in को .com को बदलने की आवश्यकता है (http के बाद www को न जोड़ें: //)। समझ गया? अच्छा।

Step 2- Add CSS Code To Make Landing Page More Attractive.


अगर आपको आपने Attractive बनना है तो आपको यह कोड पेस्ट करना होगा जोह अप्पको निचे दिया है !

emplate section-> Click Edit Html (पहले आपने बैकअप ले  क्युकी अगर आपसे कुछ गलत बटन दब गया तोह आपको बहुत बड़ा नुकसान  हो जायेगा ! ->  अब आप Ctrl+F दाबिये , अब इस कोड लाइन को ढूंढें </ b: त्वचा> और इसके ठीक नीचे, आवश्यक परिवर्तन करने के बाद नीचे दिए गए कोड को पेस्ट करें (संपादन चरण में कोड के नीचे आवश्यक परिवर्तन किए गए हैं ताकि उन्हें सावधानीपूर्वक पढ़ें)। कोड जोड़ने के बाद बस अपना टेम्पलेट सहेजें और आपके द्वारा पूरा किए गए परिणामों को देखने के लिए फिर से अपने पृष्ठ पर जाएं। इस चरण में बहुत ज्यादा उम्मीद मत करो।

यह कोड है

<b:if cond='data:blog.url == &quot;YOUR-BLOG-PAGE-URL&quot;'>
<style type='text/css'>
/*--- Find out all the ids or classes of the main wrappers and add them in below code to hide them---*/
.sidebar-wrapper, .header-wrapper, .post-title, #blog-pager, .post-footer, #footer-wrapper, .comments {
display: none !important; /*-- This will hide those main wrappers--*/
}
/*---If you're using one of the default blogger templates---*/
.header-outer, .column-right-outer, .tabs-outer, .footer-outer {
display: none !important; /*-- This will hide header, footer, navbar and sidebar--*/
}
/*---Changing the Content Width to 100%---*/
#content {
width: 100% !important; /*---This will change the content area width to 100%--*/
}
/*---Changing The Body Background Image And Color---*/
body {
background: #FFF url('YOUR-IMAGE-URL') no-repeat scroll top center !important;
margin:0;
padding:0;
}
</style>
</b:if>

 Editing : उस Page URL  के साथ अपना Blog Page URL  बदलें जिसे आपने पहले कॉपी किया था। चीजों को आसान बनाने के लिए मैंने उपरोक्त कोड में विस्तृत टिप्पणियां जोड़ दी हैं। यदि आप कस्टम तृतीय-पक्ष टेम्पलेट का उपयोग कर रहे हैं तो आपको हेडर, नेविगेशन बार, साइडबार, पाद लेख इत्यादि जैसे रैपरों की सभी कक्षाओं या आईडी को ढूंढना होगा, जिन पर आप अपने लैंडिंग पृष्ठ पर छिपाना चाहते हैं।


Finding The Class/Id Names Using Developers Mode in Your Chrome

आप अपने ब्लॉग के किसी भी मौजूदा पेज पर जाकर इन सभी आईडी या कक्षाओं को आसानी से पा सकते हैं, फिर डेवलपर मोड (क्रोम के लिए Ctrl + Shift + I) शुरू करें और अपने ब्राउज़र में तत्वों का निरीक्षण करें। उदाहरण के लिए, डेवलपर मोड शुरू करने के बाद बस राइट क्लिक करें साइडबार फिर निरीक्षण तत्व का चयन करें और आप Style Tab के अंतर्गत दाएं तरफ inspect element किए गए तत्व की आईडी या कक्षा का नाम देखेंगे। अब यह सुनिश्चित करने के लिए कि आपको सही वर्ग या आईडी छिपाने के लिए मिला है, बस एक कोड लाइन display: none; कोई भी नहीं; विशेष निरीक्षण तत्व की शैली के लिए। यदि यह प्रकट होता है तो अपने कंधे को पॅट करें, आपने अभी बहुत अच्छा काम किया है। उस छवि के यूआरएल के साथ अपना-IMAGE-URL बदलें जिसे आप पृष्ठभूमि में उपयोग करना चाहते हैं और कलर कोड #FFF को अपनी रंगीन कोड में बदल दें।


सामग्री क्षेत्र की चौड़ाई को 100% भाग में बदलना केवल आईडी आईडी के कारण काम कर सकता है या नहीं। मेरा टेम्पलेट कोड सामग्री रैपर के लिए इस #content आईडी नाम का उपयोग करता है और आपका बिल्कुल अलग हो सकता है। तो आपको इसे खोजना होगा, वैसे ही, मैंने उपरोक्त समझाया। इसलिए यदि आपने छिपाने के लिए सभी आईडी या कक्षा के नामों को सफलतापूर्वक समझ लिया है और वे पूरी तरह से काम कर रहे हैं, तो उन्हें छिपाने के लिए उन्हें ऊपर दिए गए सीएसएस कोड में जोड़ें। अब तक आपका लैंडिंग पृष्ठ तैयार है। सभी अवांछित विकृतियों को छिपाने के बाद बस अपने इच्छित पृष्ठ को संपादित करने के लिए वापस जाएं। अब आप अपने पोस्ट एडिटर के अंदर एचटीएमएल और सीएसएस के साथ क्या कर सकते हैं पूरी तरह से आप पर निर्भर करता है। मैंने अपने लैंडिंग पेज पर भी ऐसा ही किया है। बस, अब बहुत हो चुका!

अब CSS को use करे  just put your CSS code using the <style> tag.उदहरण :  

#my-landing-page-header {
    width: 96%;
    background: #ccc;
    font-size: 18px;
    padding: 20px;
    color: #FFF;
    text-align: center;
    border: 2px solid #777;
    box-shadow: 6px 6px #afafaf;
}

Now you can call the above CSS style in HTML to apply it. For example:


<div id='my-landing-page-header'> Hello World! This is my First Landing Page</div>


Congrats! आपका Landing Page तैयार हो गया है !

अगर आपको हम्मारी पोस्ट अच्छी लगी तोह अप्पने दोस्तों के सात share जरूर करना !

और अगर अभी भी आपको समाज नहीं आ रहा हह तो आप  Comment kar sakte ho.

या तोह में इस Topic पर एक वीडियो बननाकर Youtube par post kar luga.अगर आप को समाज नहीं आये तो!

Please share kare aapne dosto ke saat Kyuki iskko likne mien bhut Time lagta hai or Yeh sab Code Bannane mien bhut jadaa time lagta
 hh , agar aapko pasand hai toh hi share karna varna mat karna

Thanks to blogsupporter.com For Provding Codes
landing page in hindi


No comments

Powered by Blogger.