Blogger Blog Ke Post Me Read More Button Kaise Lagaye

मित्रो हम जब ब्लागर ब्लाग को बनाने के दौरान ब्लाग द्वारा दिया गया टेम्पलेट का प्रयोग करते है। तो ऐसे में ब्लागर द्वारा ब्लाग का सम्पूर्ण डिजाइन नही किया जाता है। जिससे जब हम ब्लाग को ओपेन करते है तो अपने मन मुताबिक ब्लाग का डिजाइन नही दे पाते है। जिससे हमारा ब्लाग देखने में बिल्कुल आकर्षक नही लगता। परन्तु इसका दूसरा विकल्प होता है,कि हम थर्ड पार्टी के ब्लाग टेम्पलेट को खरीदे है,और हम जब थर्ड पार्टी का टेम्पलेट खरीदते है तो ऐसे में हम उसके ब्लाग के थीम व डिजाइन को ध्यान में रखते हुए नया टेम्पलेट खरीदते है। परन्तु कुछ लोग थर्ड पार्टी से टेम्पलेट लेते समय कम्पनी द्वारा उपलब्ध कराये गये फ्री वर्जन को ही डाउनलोड करके अपने ब्लाग में लगा लेते है। मित्रो यह बहुत बडा बिडंम्बना एंव दुर्भाग्य है,हमें कभी भी थर्ड पार्टी से कुछ भी लेते समय फ्री वर्जन का चयन नही करना चाहिए। क्योकि फ्री वर्जन क्रेक वर्जन होता है। जिससे हमारा ब्लाग हैकरो द्वारा हैक किये जाने की समस्या निरन्तर बना रहता है। 

परन्तु मित्रो यदि आप चाहे तो थोडा सा धैर्य रखकर अपने ब्लाग को स्वंय डिजाइन कर सकते है। इसके लिए ब्लागर ने अपनो टेम्पलेट में एडिट करने की सभी तरह सुविधाए प्रदान कर रखा है। स्वंय ब्लाग को डिजाइन करके आप अपने ब्लाग के टेम्पलेट के थीम को मनचाहा आर्कषक डिजाइन दे सकते है। इससे सबसे बडी बात आपका ब्लाग एसईओ फ्रेन्डिली होने के साथ-साथ मूल वर्जन में बना रहेगा और इसका कन्ट्रोल भी आपके हाथो में रहेगा। साथ-साथ ब्लागर आपके टेम्पलेट को रेगुलर अपटेड भी करता रहता है। जिससे आपके ब्लाग को कोई चाह कर भी हैक नही कर सकता है। 

खैर मित्रो यह तो हुआ ब्लागर के टेम्पलेट में बदलाव कर एक नया लुक देने की परन्तु अब हम बात करते है। कि हम कैसे अपने ब्लाग के पोस्ट में सारांश दिखाने के लिए Read more button लगाये। मित्रो दरअसल हमें ब्लाग के टेम्पलेट को आकर्षक रंग रूप एवं डिजाइन बनाने के लिए ब्लागर ब्लाग में सबसे महत्वपूर्ण दो कार्य करने होते है। जैसे हम जब अपने ब्लाग में डिाजाइन करने के लिए टेम्पलेट को एडिट करते है। तो हमें इसमें दो बातो का ध्यान रखना होता है जैसे-हम ब्लाग को डिजाइन करते समय एचटीएमएल और सीएसएस कोड का प्रयोग करते है। और हम एचटीएमएल और सीएसएस कोड की मदद से ही अपने ब्लाग के टेम्पलेट के डिजाइन में किसी भी प्रकार का बदलाव कर सकते है। 

Read more button  लगाने से हमें इसके क्या फायदे एवं नुकसान है ?

आज हम आप लोगो को जानकारी उपलब्ध कराने जा रहे है कि हम कैसे जब किसी ब्लाग को ओपेन करते है। तो ऐसे में ब्लाग के पेज पर जो आर्टिकल प्रदर्शित होता है वह पूरा का पूरा आर्टिकल प्रदर्शित होता है। दरअसल जब हमारे ब्लाग में आर्टिकल पूरा प्रदर्शित होता है,तो इससे हमें दो तरह के नुकसान होते है। पहला नुकसान यह होता है कि ब्लाग पेज लोड होने में अधिक समय लेता है,और दूसरा सबसे बडा नुकसान यह होता है कि हमें ब्लाग पोस्ट से मिलने वाले ट्रैफिक का भी नुकसान होता है। क्योकि कोई भी विजिटर आसानी के साथ एक ही क्लिक में ब्लाग पोस्ट के पेज में दिखाई देने वाले सभी आर्टिकल को वह पढ सकता है। जैसे -मान लीजिए जब आपका ब्लाग ओपेन होता है और आपके ब्लाग पेज पर 10 पोस्ट प्रकाशित है। ऐसे में विजिटर बहुत ही आसानी के साथ आपके सभी 10 प्रकाशित पोस्ट को Read कर सकता है। परन्तु हम जब अपने ब्लाग के टेम्पलेट मेे बदलाव कर देते है,तो ऐसे में जब हमारा ब्लाग ओपेन होता है तो ब्लाग का शार्ट पोस्ट दिखाई देता है और नीचे लिखा होता है  Read more  इसका तात्पर्य  यह हुआ कि यदि आप पोस्ट को पूरा पढना चाहते है। तो आपको Read more  बाटम पर क्लिक करना होगा। इस तरह उसे जो भी आर्टिकल पसन्द आते है,वह उस आर्टिकल को एक-एक करके ही Read more button  पर क्लिक करके पढ सकता है। इससे हमारा ब्लाग पेज भी जल्दी ओपेन होता है साथ ही ब्लाग के ट्रैफिक में भी इजाफा होता है और इससे हमें किसी भी प्रकार का नुकसान भी नही होता है। 

ब्लाग में पोस्ट को शार्ट करने के लिए Read more button  कैसे लगाये ?

मित्रो आप जब भी अपने ब्लाग के टेम्पलेट को एडिट करे आपको यह सदैव  ध्यान रखना चाहिए कि आप सबसे पहले अपने ब्लाग का बैकअप जरूर ले ले। बैकअप लेने से सबसे बडा फायदा यह होता है कि यदि ब्लाग के टेम्पलेट को डिजाइन करते समय किसी भी प्रकार की समस्या उत्पन्न हो तो ऐसे में जब आपके पास आपके ब्लाग थीम का बैकअप होगा आप अपने ब्लाग को पुनः मूल रूप यानि कि पहले जैसा कर सकते है। क्योकि यह जरूरी नही होता कि आपने जो अपने ब्लाग के टेम्पलेट को एडिट करते समय जिस भी एचटीएमएल कोड व सीएसएस कोड का प्रयोग किया है। वह ठीक प्रकार से कार्य कर ही जाए ? हालाकिं ऐसा नही होता,फिर भी कभी-कभी असमान परिस्थितयो में कुछ गडबडी संम्भव है। इस लिए हमें ब्लाग के टेम्प्लेट को एडिट करते समय सदैव सावधानी बरतना चाहिए। 

हां यदि आपको अपने ब्लाग के पोस्ट को शार्ट करने के लिए Read more button लगाना है तो आपको इसके लिए दिये गये कुछ दिशा-निर्देश का पालन करना होगा। जिससे आपको अपने ब्लाग में पोस्ट को शार्ट करने के लिए Read more button लगाने में आसानी हो सके। 

स्टेप संख्या -01

यदि आप ब्लागर ब्लाग में Read More Button के कोड को वायरस मुक्त कापी करना चाहते है। तो इसके लिए आप  डाउनलोड बाटम पर क्लिक कर Read More Button के कोड को डाउनलोड कर ले। 

• [[ READ MORE BUTTON CODE- DOWNLOAD HERE ]]

स्टेप-02

• सबसे पहले आप ब्लागर डेशबोर्ड में लागिंन करे। 
• अब आप Theme पर क्लिक करे। 
• अब आप Customize पर क्लिक करे। 
• अब आप EDIT HTML  पर क्लिक करे इसके बाद एक नया पप अप विंडो ओपन होगा ।

नोट -इसके बाद अब आपके सामने टेम्पलेट का सभी कोड ओपेन हो जायेगा,जिसे आप आसानी के साथ एडिट कर सकते है। 

स्टेप-संख्या-03

सबसे पहले आप नीचे दिये गये Blogger Blog Ke Post Me Read More Button Kaise Lagaye के कोड को  </head>   में लगाने के लिए कापी पेस्ट कर ले । 

<script type='text/javascript'> no_thumb_sum = 490; thumb_sum = 400; thumb_h = 150; thumb_w = 200; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(t,e){if(-1!=t.indexOf("<")){for(var n=t.split("<"),i=0;i<n.length;i++)-1!=n[i].indexOf(">")&&(n[i]=n[i].substring(n[i].indexOf(">")+1,n[i].length));t=n.join("")}for(e=e<t.length-1?e:t.length-2;" "!=t.charAt(e-1)&&-1!=t.indexOf(" ",e);)e++;return t=t.substring(0,e-1),t+"..."}function createSummaryAndThumb(t,e,n){var i=document.getElementById(t),m="",r=i.getElementsByTagName("img"),s=no_thumb_sum;r.length>=1&&(m='<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+e+'" title="'+n+'"><img src="'+r[0].src+'" width="'+thumb_w+'px" height="'+thumb_h+'px" /></a></span>',s=thumb_sum);var g=m+"<div>"+removeHtmlTag(i.innerHTML,s)+"</div>";i.innerHTML=g} //]]> </script> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'> .post-footer {display: none;} .jump-link {float: right; } .jump-link a {text-decoration: none; } </style> </b:if> </b:if>

• अब Search Box में (CTRL + F)  दबाकर आप </head> tag  को सर्च करें ।
• अंत में मार्कअप की लाइन का अनुसरण करें और इसे </head> के ठीक ऊपर पेस्ट करें ।
• इसके बाद अब आपको save template   पर क्लिक करके सुरक्षित सेव कर लेना है। 

नोट-मित्रो यदि आप चाहे तो शुरू में एचटीएमएल कोड में कुछ नम्बर होते है,उसे यदि आप चाहे तो अपने हिसाब से बदलाव कर सकते है। 

• 01.  no_thumb_sum = 490;     यदि आपके पोस्ट में इमेज नही है तो कितने शब्द आप दिखाना चाहते है। 
• 02. thumb_sum = 400;       यदि इमेज है तो आप कितने शब्द दिखाना चाहते है। 
• 03. thumb_h = 150;    Thumbnail  की आप ऊचाई कितना रखना चाहते है। 
• 04. thumb_w = 200;    Thumnail  की width  चौड़ाई आप क्या रखना चाहते है। 

स्टेप-संख्या-04

मित्रो अब आपको  ब्लाग के टेम्पलेट में CSS कोड लगाना है। जिससे ब्लाग के डिजाइन को साकार रूप दिया जा सके, इसके लिए आपको दिए गए स्टेप को फॉलो करना होगा ।

स्टेप  -01

यदि आप ब्लागर ब्लाग में Read More Button के CSS कोड को वायरस मुक्त कापी करना चाहते है। तो इसके लिए आप  डाउनलोड बाटम पर क्लिक कर Read More Button के CSS कोड को डाउनलोड कर ले। 

• [[ READ MORE BUTTON CSS CODE DOWNLOAD HERE ]]

स्टेप  -02

इसके लिए अब आप अपने कम्प्यूटर के टाइपिंग पर दोबारा CTRL+F  दबाकर आप <data:post.body/>    को सर्च करे। परन्तु आप यह ध्यान रखे कि <data:post.body/>   कई जगह पर प्रदर्शित होता है। और आपको अपने ब्लाग के टेम्पलेट के सबसे अन्तिम <data:post.body/>   को हटाकर उसके जगह पर नीचे दिये गये कोड को कापी करके पेस्ट कर दे। 

<!-- Auto Read More Body Start --> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'> <data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script> <span class='readmore' style='float:right;'><a expr:href='data:post.url'>[ Read More ]»</a></span></b:if></b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if> <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if> <!-- Auto Read More in Body End -->

• जब आपका सीएसएस कोड भी कापी पेस्ट हो जाए तो आप SAVE बाटम पर क्लिक करके सुरक्षित सेव कर ले। 

मित्रो अब हमें उम्मीद है कि आप लोगो ने अपने ब्लागर ब्लाग  पोस्ट में  सारांश दिखाने के लिए Read more button  कैसे लगाये ? को अच्छी तरह से समझ गये होगें। हां यदि आप लोगो को किसी प्रकार कोई समस्या महसूस होने पर आप हमें कमेन्ट कर पूछ सकते है। यदि आप Blog Ke Post Me Read More Button लगाने  के लिए दिए गये तकनीकों को सीखते हैं, तो कृपया नीचे टिप्पणी करें, या दूसरों की मदद करने के लिए इस लेख को साझा करें।