BloggingHindi - Blogging Aur Internet Ki Sabhi Jankari

  • About Us
  • Contact Us
  • Blogging
  • WordPress
  • SEO

Blog Post ko Summary Dikhane ke liye post ke niche Read more button kaise lagaye

Last Updated on April 11, 2022 by Md Arshad Noor Leave a Comment

हमारे blog के home page पर हमको पूरी post नहीं दिखाना चाहिए इससे blog का design अच्छा नहीं होता है. So हम आपको अभी इसी के बारे में बताने वाले है की Blog post के निचे read more button add कैसे करें।

Blog Post ko Summary Dikhane ke liye post ke niche Read more button kaise lagaye 1

हमे अपने ब्लॉग की design उस तरह करना चाहिए जिससे visitors को post read करने में या खोजने में परेशानी नहीं हो। अगर हमारा post homepage पर पूरा show होगा तो उसमे 2-3 post show होगा और loading speed भी बहुत slow होगी. तो इसके लिए हमे अपने post पर read more बटन add करना पड़ता है।

Read more button क्या है

हमारे blog के homepage पर जो थोड़ा post show होता है .read more बटन में उस post का link होता है. इस पर click करके आप पूरी post को पढ़ सकते है।

Read more बटन क्यों add करें

जैसे की में ऊपर में आपको read more क्या है इसके बारे में बताया. इससे आप अंदाजा तो लगा ही लिए होंगे की इसके क्या फायदे हैं. में आपको निचे में इसके कुछ फायदे बता रहा हूँ।
इससे blog का design अच्छा होता है

  • आपको ज्यादा pageviews मिलेंगे।
  • Visitors अपने हिसाब से जो post पढ़ना चाहे वो पढ़ सकते है
  • Visitors आसानी से subject के बारे में जान जाते है

Read more button सभी post के निचे add कैसे करे

अब में आपको step by step read more button  add करने  के  बारे में  बताने जा रहा हूँ। में आशा करता हूँ की इस पोस्ट से आप आसानी से read more button add कर सकते हो।

Step 1: सबसे पहले blogger में login करके blog Dashboard में जाइये।
Step 2:अब template>>Edit HTML पर जाइये।
Step 3: ctrl+f अब दबा के </head>  search कीजिए।

Step 4:
अब निचे दिए हुए code को copy कीजिए और इसे </head> के पहले past कर दीजिए।


<!-- Auto Read More in BloggingHindi -->

<script type='text/javascript'>

no_thumb_sum = 300;

thumb_sum = 200;

thumb_h = 220;

thumb_w = 300;

</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 != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<style type='text/css'>

.post-footer {display: none;}

.jump-link  {float: right; }

.jump-link a {text-decoration: none; }

</style>

</b:if>

</b:if>

<!-- Auto Read More Body Script End -->



Step 5: अब फिर से Ctrl+f दबा के <data:post.body/> को find कीजिए।

Note:
यहाँ आपको बहुत बार <data:post.body/> मिलेंगे लेकिन आपको सबसे निचे (last) वाले <data:post.body/> के स्थान पर निचे दिए गए code past करना है।
Step 6: आपको निचे दिए गए code को copy करके <data:post.body/> के जगह past करना है।


<!-- Auto Read More Body Start -->

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>

<span class='jump-link' style='float:right;'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a></span>

</b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

<div style='clear: both;'/> <!-- clear for photos floats -->

<!-- Auto Read More in Body End -->



अब आप template को save कर दीजिए। अब blog में जाकर देखिये की post के निचे read more button show हो रहे हैं या नहीं। अगर कही परेशानी हो तो हमें comment में बताये।

 

You May Also Like

  • Hosted Adsense Account Ko Non-Hosted Me Upgrade Kaise Kare

    Hosted Adsense Account Ko Non-Hosted Me Upgrade Kaise Kare

  • 6 Karan Jisse Adsense Se Earning Kam Hoti Hai

    6 Karan Jisse Adsense Se Earning Kam Hoti Hai

  • YouTube Channel Ko Promote Karne Ke Liye 10 Tarike

    YouTube Channel Ko Promote Karne Ke Liye 10 Tarike

  • Feedburner Me Email Subscription Activate Kaise Kare

    Feedburner Me Email Subscription Activate Kaise Kare

About Md Arshad Noor

हेलो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में इस ब्लॉग में रेगुलर नई नई आर्टिकल्स लिखता हूँ. यहाँ पर हम ज्यादातर Blogging, Make Money, SEO, WordPress आदि से सम्बंधित Article मिलेगी. आपको हमारी लेख पसंद आती है तो इसे सोशल मीडिया में शेयर करें। अगर आपको कोई सहायता चाहिए तो कमेंट कीजिए।

Leave a Reply Cancel reply

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

Please do not spam! otherwise your comment will be removed.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Useful Articles

Google Keyword Ranking Check karne ke liye 5 Best Website

Website Ko User Friendly Banane Ke Liye 5 Secrets

PHP Version Ko Upgrade Karke Site Speed Ko 20% Increase Kare

WordPress Toolbar/Adminbar Ko Hide Aur Customize Kaise Kare

Adsense Account Kaise Banaye [Step By Step]

Blogging Ke 10 Important Myths ke Bare Me Apko Pata Hona Chahiye

Hostlelo Review – A Great Solution for New Bloggers

QR Code Kya Hai? QR Code Kaise Banaye aur Scan Kaise Kare

Blog Me Live Cricket Score Widget Kaise Add Kare

7 Karn WordPress Me Jyada Plugin Use Nahi Karni Chahiye

Directory Browsing Kya Hota Hai-Isko Disable Karne Ke 2 Tarike

Twitter Account Ko Secure Kaise Rakhe

Blog ko Delete kaise kare aur Delete kiya hua blog wapas kaise laye

About Us

mdarshadnoorहेल्लो दोस्तों, मेरा नाम मोहम्मद अरशद नूर है. में अररिया, बिहार का रहने वाला हूँ. मुझे नयी चीजें सीखना-सिखाना बहुत पसंद है. में पिछले 5 सालों से ब्लॉगिंग के फील्ड में हूँ. इस ब्लॉग में आपको ब्लॉगिंग और इन्टरनेट से सम्बन्धित जानकारी मिलेगी.

SUBSCRIBE OUR NEWSLATTER

हमारे नवीनतम पोस्ट की सूचना एवं उपयोगी सामग्री प्राप्त करने के लिए हमसे जुड़ें

Posts for WP Users:

WordPress Me W3 Total Cache Plugin Ko SetUp Kaise Kare [Easy Method]

WordPress Comment Subscription Option Enable Karne Ke 2 Tarike [Methods]

WP Disable Plugin Ka Use Karke WordPress Site Loading Speed Fast Kaise Banaye

WordPress Blog Ki Database Prefix Ko Manually Change Kaise Kare (Without Plugin)

WordPress Me Ads Dikhane Ke Liye Ad Injection Setup Kaise Kare

More Posts from this Category

DMCA.com Protection Status

Recommended For You

Google Search Console Me URL Parameters Ka Sahi Use Kaise Kare

YouTube Ke Liye Creative Common Video Download Kaha Se Kare? Top 5 Websites

Chartered Accountant (CA) कैसे बनें? चार्टर्ड अकाउंटेंट बनने की प्रक्रिया

Blog/Website Me Meta Tags Generator Tool Kaise Add Kare.

Network क्या है? LAN, WAN, PAN, SAN, HAN, MAN क्या है?

Keyword Aur Queries: Me Kya Difference Hota Hai -[Full Tutorial]

Copyright © 2021 - All rights reserved. AboutContactSitemapDisclaimer