वेलकम टू इन्टरनेट की बाते

Friday 26 July 2013

ब्लॉग में Read More का ओप्संश लगाने का तरीका


बहुत से ऐसे ब्लॉग है जिनमे रीड मोर का ओप्संश नहीं है और उन्हें खुलने में बहुत टाइम लगता है मेरे ब्लॉग भी शुरू शुरू में ऐसा ही था ब्लॉग खोलते ही मेरे ब्लॉग की सारी पोस्ट फ्रन्ट पेज पर ही दिखने लगती थी लेकिन अब मेरे ब्लॉग में रीड मोर का ओप्संश है 
अगर आपके ब्लॉग में रीड मोर का ओप्संश नहीं है तो आज की पोस्ट आप ही के लिए है आप भी अपने ब्लॉग में रीड मोर का विकल्प लगा सकते बस इसके लिए आपको अपने ब्लॉग के HTML कोड में कुछ बदलाव करना होगा जिसका तरीका मैं निचे दे रहा हु
सबसे पहले आप अपने वर्तमान ब्लॉग को सुरक्षित कर लें ताकि अगर आपको भविष्य में कोई कठिनाई हो तो आपका ब्लॉग टेम्पलेट सुरक्षित रहे ब्लॉग का बैक अप् लेने के लिए dashboard से Design > Edit HTML पर जाएँ "download full theme" पर क्लिक करें और ब्लॉग के टेम्पलेट को अपने कंप्यूटर पर सेव कर लें

अब Expand Widget Templates विकल्प पर क्लिक करें

Edit HTML पर <data:post.body/> कोड ढूंढें इसके लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं

यह कोड मिलने के बाद इसकी जगह निचे दिया हुवा कोड पेस्ट कर दे

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


<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/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>read more</a></span>


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

अब यह कोड ढूंढे </head> इसके लिए आप Ctrl+F Key का भी प्रयोग कर सकते हैं जब यह कोड मिल जाये तो इससे पहले निचे दिया हुवा कोड पेस्ट कर दे 

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</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){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}


//]]>
</script>

अब अब Preview पर क्लिक कर देख लें की सब ठीक है फिर सेटिंग को सेव कर दें और अपने ब्लॉग को देखे उसमे रीड मोर का ओप्संश आ गया होगा    

Share:

1 टिप्पणियाँ:

  1. आपकी जानकारी मुझे अच्छी लगी http://photo2rsd.blogspot.com/

    ReplyDelete

Definition List

Unordered List

Support