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

हमारे 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 क्या है
  • Read more बटन क्यों add करें
  • Read more button सभी post के निचे 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 like

  • 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

  • YouTube Video Me Ads Show Nahi Hone Ke Top 8 Karan (Reasons)

    YouTube Video Me Ads Show Nahi Hone Ke Top 8 Karan (Reasons)

  • Adsense RPM kya hai? Adsense RPM increase kaise kare 7 tips

    Adsense RPM kya hai? Adsense RPM increase kaise kare 7 tips

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.

Popular Now

YouTube Me 8 Type ke Video Se Paise Nahi Kama Sakte Hai

My First Blogging Income Report : Get 100% Motivation from It

10 Mistake Jo Blog Ki Traffic Decrease Kar Deta Hai

Genesis Theme Ko Manually Customize & Design Karne Ki Full Guide

Facebook Se Dofollow Backlink Kaise Banaye [Get High Quality Backlink]

Interesting Readings

Gravatar Me Account Bana Kar Comment Me Apna Photo Show Karwaye

Meta tags Kya Hote hai Meta Tag Blog me Kaise Add kare [Meta tag Generator Tool]

WordPress Tips and Tricks – For Every Bloggers

WordPress Ke 10 Myths – Apko Pata Hona Chahiye

Blog URL Ko Google Bing Aur Yahoo Me Submit Kaise Kare

Blog Ke Liye Lightweight Theme Design Karne Ki 5 Jaruri Tips

Cornerstone Content Kya Hai? Cornerstone Content Kaise Likhte Hai?

WordPress Categories Aur Tags Ko Search Engine Se Remove Kaise Kare

About Us

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

SUBSCRIBE OUR NEWSLATTER

हमारे ब्लॉग के रेगुलर विजिटर हो तो अभी Subscribe कर लीजिए ताकि आप हमारे नए पोस्ट को सबसे पहले पढ़ पाएँ!

Posts for WP Users:

Kisi Bhi Blogger ya WordPress Blog Ka Theme/Template Kaise Check Kare

CPanel Dwara Blog Ka Backup Kaise Lete Hai

Contact Form 7 Ke CSS & JS Ko Only Contact Us Page Me Load Kaise Kare

WordPress User Roles Ke Bare Me Puri Jankari [With Customization]

Genesis Theme Ko Manually Customize & Design Karne Ki Full Guide

More Posts from this Category

Recommended For You

Post publish karne se pahle yaad rakhe 12 important points

WordPress Me WP CONTENT Folder Ko Protect Kaise Kare [Without Plugin]

Bounce rate kya hai aur ise kam karne ke liye 11 Tips

Hacker Kisi WordPress Site Ko Hack Kaise Karte Hai [5 Methods]

Blogger Blog Ki Traffic Ko Kisi Dusre Blog Me Redirect Kaise Kare

Blog me Guest Post Kyo kare Aur Accept kyo kare 5 karan

Expired Domain Kya Hai? Kaise Kharide? Kyo Kharide?

Blog Post Me PDF Ya Other File Ko Kaise Embed Kare

YouTube Video Ko Blog Post Me Kaise Add (embed) Kare

Copyright © 2019 - All rights reserved.AboutContactSitemapTools