ব্লগার পোস্টের মাঝখানে অটোমেটিক রিলেটেড পোস্ট দেখান খুব সহজে

ব্লগার রিলেটেড পোস্ট

আপনার সাইট যদি ব্লগারে হয়ে থাকে তাহলে আপনি নিশ্চয় জানেন যে, ব্লগারে উইজেট, ফাংশন, ফিচার, ইত্যাদি এড করার জন্য আলাদা প্লাগিন ব্যবহার করা যায় না। ব্লগারে কোন ফিচার যুক্ত করতে হলে তা কোডিং করে ম্যানুয়ালি করতে হয়।

তাই যারা কোডিং জানেন না তারা অনেক সমস্যায় পরেন। তারা চাইলেও নতুন কোন ফিচার এড করতে পারেন না।

সাইটে ইন্টারনাল লিংকিং করা অন্যতম জরুরি এবং অনপেইক এসইও এর গুরুত্বপূর্ণ অংশ। তাই রিলেটেড পোস্ট যুক্ত করা প্রয়োজন। ব্লগারে পেস্টের মাঝে রিলেটেড পোস্ট যুক্ত করতে চাইলে, প্রথমে পোস্ট টি সাইট থেকে খুঁজে বের করে লিংক কপি করে তারপর তা পোস্টে যুক্ত করতে হয়।

যা অত্যন্ত সময়সাপেক্ষ একটি বেপার। যার ফলে অনেক মূল্যবান সময় নষ্ট হয়। কেমন হয় যদি আপনার ব্লগার সাইটের পোস্টের মাঝে অটোমেটিক ভাবে রিলেটেড পোস্ট যুক্ত হয়ে যায়?

আজকে আমি দেখাবো কিভাবে ব্লগারে পোস্টের ভেতরে অটোমেটিক রিলেটেড পোস্ট উইজেট যুক্ত করবেন।

কিভাবে অটোমেটিক রিলেটেড পোস্ট উইজেট যুক্ত করবেন

  • প্রথমে আপনার ব্লগার ড্যাশবোর্ডে লগিন করুন।
  • এরপর Theme > Edit HTML অপশনে যান।
  • এবার </head> এই ট্যাগটি খুঁজে বের করুন।
  • এবার নিচের কোডটি কপি করে নিয়ে </head> এর ঠিক আগে বিসেয় দিন।
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
/* Related Post Inline */
.related-simplify{display:inline-block;position:relative;padding:0;border-radius:20px;margin:40px auto 30px auto;width:100%;box-shadow:0 0 8px -5px rgba(0,0,0,0.4)}.related-simplify h4{background:#f22830;padding:4px 15px;position:absolute;margin:0;font-size:13px;font-weight:500;color:#fff;top:-14px;left:6.8%;border-radius:99em;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.17)}.related-simplify ul{margin:0;padding:0}.related-simplify ul li{position:relative;list-style:none;padding:0;margin:auto;line-height:1.4em;transition:all .1s}.related-simplify a{display:block;color:#222;font-size:14px;font-weight:500;padding:5px 30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:all .1s}.related-simplify ul li:nth-child(n+5) a{margin:0 auto 20px auto;}.related-simplify ul li:first-child a{margin:25px auto 0 auto;}.related-simplify ul li:nth-child(n+5) a:hover,.related-simplify ul li:first-child a:hover,.related-simplify a:hover{color:#aaa;padding-left:35px}.related-simplify ul li:nth-child(n+6){display:none}
</style>
</b:if><b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
/* Related Post Inline */
.related-simplify{display:inline-block;position:relative;padding:0;border-radius:20px;margin:40px auto 30px auto;width:100%;box-shadow:0 0 8px -5px rgba(0,0,0,0.4)}.related-simplify h4{background:#f22830;padding:4px 15px;position:absolute;margin:0;font-size:13px;font-weight:500;color:#fff;top:-14px;left:6.8%;border-radius:99em;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.17)}.related-simplify ul{margin:0;padding:0}.related-simplify ul li{position:relative;list-style:none;padding:0;margin:auto;line-height:1.4em;transition:all .1s}.related-simplify a{display:block;color:#222;font-size:14px;font-weight:500;padding:5px 30px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:all .1s}.related-simplify ul li:nth-child(n+5) a{margin:0 auto 20px auto;}.related-simplify ul li:first-child a{margin:25px auto 0 auto;}.related-simplify ul li:nth-child(n+5) a:hover,.related-simplify ul li:first-child a:hover,.related-simplify a:hover{color:#aaa;padding-left:35px}.related-simplify ul li:nth-child(n+6){display:none}
</style>
</b:if>
  • এরপর আবার </head> এর আগে নিচের Javascript কোডটি বসান।
 <b:if cond='data:blog.pageType != &quot;index&quot;'>
<script type='text/javascript'>
//<![CDATA[
// Related Post Inline
var relatedSimply = new Array(); var relatedSimplyNum = 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]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; 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] = relatedSimply[i];}} relatedSimply = 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((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if><b:if cond='data:blog.pageType != &quot;index&quot;'>
<script type='text/javascript'>
//<![CDATA[
// Related Post Inline
var relatedSimply = new Array(); var relatedSimplyNum = 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]; relatedSimply[relatedSimplyNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedSimplyNum] = entry.link[k].href; relatedSimplyNum++; 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] = relatedSimply[i];}} relatedSimply = 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((relatedSimply.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedSimply.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedSimply[r] + '</a></li>'); if (r < relatedSimply.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if>
  • এরপর <data:post.body/> এই লেখাটি সার্চ করে বের করুন। এরপর লেখাটি কেটে দিয়ে, নিচের কেডটি কপি করে লেখাটির স্থানে বসিয়ে দিন।
 <!-- [Related post in the middle code by akhelppoint.in] -->
       
     <div expr:id='&quot;post1&quot; + data:post.id'/>
      <div class='related-simplify'>
         <b:if cond='data:post.labels'>
         <b:loop values='data:post.labels' var='label'>
         <b:if cond='data:blog.pageType == &quot;item&quot;'>
            <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
               </b:if>
               </b:loop>
               </b:if>
               <h4>Also Read</h4>
               <script type='text/javascript'>
               removeRelatedDuplicates();
               printRelatedLabels();
            </script>
      </div>
	   <div class='ty-copy-container row' style='font-size:1px; opacity:0;'><a href='https://www.akhelppoint.in/' rel='dofollow' title='related post in the middle'>related post in the middle</a>
                    </div>
      <div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
      <script type='text/javascript'>
         var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
         var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
         var s=obj1.innerHTML;
         var t=s.substr(0,s.length/2);
         var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
         if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
<!-- [Related post in the middle code by akhelppoint.in] -->
       
     <div expr:id='&quot;post1&quot; + data:post.id'/>
      <div class='related-simplify'>
         <b:if cond='data:post.labels'>
         <b:loop values='data:post.labels' var='label'>
         <b:if cond='data:blog.pageType == &quot;item&quot;'>
            <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/>
               </b:if>
               </b:loop>
               </b:if>
               <h4>Also Read</h4>
               <script type='text/javascript'>
               removeRelatedDuplicates();
               printRelatedLabels();
            </script>
      </div>
	   <div class='ty-copy-container row' style='font-size:1px; opacity:0;'><a href='https://www.akhelppoint.in/' rel='dofollow' title='related post in the middle'>related post in the middle</a>
                    </div>
      <div expr:id='&quot;post2&quot; + data:post.id'><p><data:post.body/></p></div>
      <script type='text/javascript'>
         var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
         var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
         var s=obj1.innerHTML;
         var t=s.substr(0,s.length/2);
         var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
         if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
  • কোডটি বসানো হলে এবার Save ক্লিক করে Template সেইভ করে নিন।

ব্যস, আমাদের কাজ শেষ এবার আপনাকে আর কিছু করতে হবে না। এবার আপনি আপনার ব্লগার সাইটে পোস্ট করলে অটোমেটিক ভাবে রিলেটেড পোস্ট যুক্ত হয়ে যাবে।

অটো রিলেটেড পোস্ট উইজেট এর সুবিধা

  • আপনাকে আর ম্যানুয়ালি লিংক বসিয়ে রিলেটেড পোস্ট এড করতে হবে না।
  • রিলেটেড পোস্ট যুক্ত করার জন্য আলাদা সময় দিতে হবে না। ফলে আর্টিকেল লিখতে সময় কম লাগবে।
  • আপনার নতুন এবং পরাতন সকল পোস্টে এটি অটোমেটিক এড হয়ে যাবে।
  • এটি আপনার সাইটকে প্রফেশনাল লুক দিবে।
  • ভিজিটররা খুব সহজে তাদের পছন্দের পোস্ট পড়তে পারবে।

আরো পড়ুনঃ

2 Comments

Leave a Reply

Back to top button