Ye Post HMH.pe Blogger Series ki post hai. Blogger Blog me ham jab bhi koi post karte hai to hamari jo post hai bo Home page par puri dikhti hai or usse hamare jo blog ka look hai wo acha nahi dikhta, ussi ko sahi karne ke liye ham read more ki link add karege apne blog ki har post me.
Ham apne blog ki har post ko alag alag bhi Read More option add kar sakte hai, apne blog ke editor me insert jump break ki madad se, utni hi post home page par dikhti hai. par isme hamara sirr-dard hai, har baar jump break add karo post me.
to chaliye jaante hai kaise apne blog ke template me ek code add karke puri post me read more ka option lagaye.
Page Contents
Kya Faida hai Auto Read More ka
Defult template me home page par puri post dikhti hai, or jab ham read more ki script apne blog me add kar dete hai to Post to chota sa hissa dikhta hai or hamari post ki pheli image dikhti hai. jisse koi bhi dekh kar samaj sakta hai ki is post me kya hai. or agar usko wo post padni ho to uspar click karke usko pad sakta hai. Iska ek or faida hai hme, wo ye hai ki agar koi visitor hamari post ko padta hai to hamare blog ke page views bhi badte hai.
- Post ka Title
- Post ki pheli Image. Jisko Thumbnail bhi khate hai.
- Post me likhe huee suru ke sabd.
- Puri Post padne ke liye Read More >> link
Aap image ka size or kitne sabd dikhana hai usko bhi badal sakte ho, uske bare me mene niche bataya hai.
Important Note: Agar aap koi costume template use karte hai to aapko ye code add karne ki koi jarurat nahi hai apne template me q ki wo phele se add hota hai..
Blogger ke liye aap badiya template yaha se download kar sakte hai:
Automatic Read More future ko blog me kaise add kare
Step 1.
Apne blogger ke deshboard me jao, fir Template ke section me jaa kar Edit HTML ki button par click kare.
????Template ko edit karne se phele template ka backup download kare
Step 2.
Ab kahi bhi click kare Template code Editor me, Fir Ctrl+F dabaye. Ab ek secrch box aa jayega usme </head> likh kar Enter kare. Enter karte hi code ????search ho jayega template me.
Ab aapko ye code ko copy karke </head> ke upar paste karna hai.
<script type='text/javascript'> posts_no_thumb_sum = 490; //Agar Image nahi hai post me to kitne sabd dikhana hai posts_thumb_sum = 400; //Image hai to kitne sand dikhana hai img_thumb_height = 160; //Thumbnail ki hight kya rakhni hai img_thumb_width = 180; //Thumnail ki width kya rakhni hai </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID, pURL, pTITLE){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = posts_no_thumb_sum; if(img.length>=1) { imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>'; summ = posts_thumb_sum; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <style type='text/css'> .post-footer {display: none;} .post {margin-bottom: 10px; border-bottom: 1px dotted #E6E6E6; padding-bottom: 20px;} .readmore a {text-decoration: none; } </style> </b:if> </b:if>
Note: Is Code ke suru me kuch number hai aap chahe to usko apne hisab se badal sakte ho.
posts_no_thumb_sum = 490; //Agar Image nahi hai post me to kitne sabd dikhana hai
posts_thumb_sum = 400; //Image hai to kitne sand dikhana hai
img_thumb_height = 160; //Thumbnail ki hight kya rakhni hai
img_thumb_width = 180; //Thumnail ki width kya rakhni hai
Step 3.
Fir se Ctrl+F daba kar is code ko search kare.
<data:post.body/>
Note: ye code ho sakta hai 2 ya 3 baar aapke template me ho. aap Jitni bar Enter ki button dabayege aapko code ka pata chal jayega. last wale code ko hata kar ye code paste karna hai.
<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>
ab Preview Template karke dekhe .
*Agar kaam nahi kar raha hai to aap ye jo code hai bo dusre code ki jagha badal kar dekhe.
Last me Save Template par click kade.
Ummid hai aapko ye post pasand aai hogi. Agar kahi koi dikkat aati hai Read More ke code ko add karne me to comment karke jarur bataye.
????Blogger ke upar or post padne ke liye yaha click kare.
????Kya aapko pata hai aap Youtube se bhi paise kama sakte ho
Agar aap meri Help karna chaho to simple aap apne dosto ko Hindi Me Help ke bare me jarur bataye :)
Agar aapka koi Bhi Sabaal Hai Internet se related to usko aap HMH Group me post kar sakte ho. or Dusro ke jabab de kar or logo ki help bhi kar sakte ho.
aap kon sa template use krte ho? aapne isse kaha se purchase kiya hai
Newspaper theme hai
Sir Newspaper theme free ha ya paid??
Paid
Thank you sir :)