1. सबसे पहले आपको अपने ब्लॉगर में theme section में जाना है। उसके बाद 3 dot पर क्लिक करके edit html में जाना है। वहाँ कहीं भी क्लिक करके आपको ]]></b:skin> search करना है। फिर नीचे दिए गए code को copy करके ]]></b:skin> के ऊपर paste कर दें। उसके बाद save कर दें।
css - Automatically related article
/*Articles Related to Middle of Posts*/
.newshank{background:#FFF;position:relative;display:inline-block;border:2px solid #DDD;margin:12px 0}
.newshank h4{background:#f50521;font-family:Poppins,sans-serif;color:#fff;font-size:12px;font-weight:700;position:absolute;top:-21px;left:2.5%;padding:8px 18px;border:1px solid #DDD;border-radius:5px;text-transform:uppercase}
.newshank h4:before{content: '\f043';right: 10px;bottom: 0;font-family:FontAwesome;font-style: normal;font-weight: 400;margin: 0 10px 0 0;color: #fff;}
.newshank ul{padding:5px 7px 0;list-style:none}
.newshank ul a:before{font-family:fontawesome;content:'\25b6';padding-right:3px}
.newshank li{border-radius:5px;border-bottom:1px solid rgba(27,27,27,0.33);line-height:1.7em}
.newshank li:hover {text-decoration: underline;}
2. Css add करने के बाद आपको उसी html में <data:post.body/> search करना है। यदि आपके template में ये code एक से अधिक बार show करे तो last के code की जगह नीचे दिए गए html को paste कर दें। यदि <data:post.body/> एक बार show हो तो उसे हटा कर नीचे दिए गए code को paste कर दें।
html - Automatically related article
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
// Articles Related to Middle of Posts by Newshank
var newshank = new Array(); var newshankNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; newshank[newshankNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[newshankNum] = entry.link[k].href; newshankNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = newshank[i];}} newshank = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((newshank.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < newshank.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + newshank[r] + '</a></li>'); if (r < newshank.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if>
<div expr:id='"post1" + data:post.id'/>
<div class='newshank'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=3"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Also Read</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='"post2" + data:post.id'><p><data:post.body/></p></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
Click on Download Button After Time is Over
Tags
