[Solve] Related Post Thumbnail Not working

Related Post Thumbnail Not working

কেমন আছেন সবাই ? আশা করি সবাই ভালো আছেন।
আজকের টিউন রিলাটেড পোস্টে থাম্বনাইল ইমেজ ইরোর দেখায় কেন।।
আজকে আমার এই টিউন দেওয়ার কথা ছিল না কিন্তু না দিয়ে থাকতে পারলাম না।

কিছু সাইট আমি রোজ ১ বার হলেও ভিজিট করি।
সাইট গুলোতে ইদানিং দেখা যাচ্ছে পোস্টে ঈমেজ ঠিক ভাবে দেখা গেলেও রিলাটেড পোস্টে থাম্বনাইল ইমেজ ইরোর দেখা যাচ্ছে।

আপনি চেক করে দেখতে পারেন আপনার সাইট এ এই সমস্যা হচ্ছে কিনা।

এই সমস্যা টি তখনই বুঝতে পারবেন , আপনি যদি ব্লগারের আপডেট ভারশন ব্যবহার করে পোস্ট করে থাকেন।

ফেসবুকের সাথে সাথে গুগল ব্লগারও আপডেট করা হয়েছে।
আর এই আপডেট থেকেই রিলাটেড পোস্টে থাম্বনাইল ইমেজ ইরোর সমস্যা টি দেখা যাচ্ছে।

এই সমস্যা টি আমার সাইটেও দেখা দিয়েছিল। আমি এই সমস্যাটি দীরঘ্য সময় ধরে চিন্তা ভাবনা করে সমাধান খুজে পেয়েছি।

রিলাটেড পোস্টে থাম্বনাইল ইমেজ ইরোর যে দেখায় তার ১ টি প্রমান আপনারা দেখে নিতে পারেন।।

ডেমোঃ- ০১

Related Post Thumbnail Not working

Related Post Thumbnail Not working 


পোস্টে দেখুন ইমেজ থিক ভাবেই দেখা যাচ্ছে। কোন রুপ সমস্যা নেই।

ডেমোঃ- ০২

Related Post Thumbnail Not working

Related Post Thumbnail Not working 


পোস্টে ইমেজ থিক থাকলেও দেখুন রিলাটেড পোস্টে ইমেজ ইরোর দেখা যাচ্ছে।

তবে সমাধান করা যাক এই সমস্যা টি।

বিদ্রঃ- টেমপ্লেট এডিট কোড়াড় পূর্বে অবশ্যই টেমপ্লেট টি ব্যাক আপ দিয়ে নিন।

স্টেপঃ-০১

ব্লগারে লগিন করুন এবং টেমপ্লেট এডিট করুন।

সার্চ করুন </head>

সার্চ বক্স ওপেন করতে কীবোর্ডে টাইপ করুন ctrl+f

তবে আপনি যদি রিলাটেড পোস্টের সি এস এস কোথায় দেওয়া আছে সেটা খুজে পেয়া থাকেন, তবে নিচের কোড টি দ্বারা রিপ্লেস করুন।

কোডঃ- ০১ 

[CODE]<!--Related Posts with thumbnails Scripts and Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
    width: auto;
    margin: 0px auto;
}
#related-posts h2 {
    margin: 0px 0px 10px 0px !important;
    border-radius: 5px 5px 0px 0px;
    color: #ffffff;
    padding: 5px;
    font-size: 13px;
    background: white;
    background-color: #ff12cf;
    text-align: center;
    background-image: -webkit-gradient(linear,left top,right top,from(#1da1f2),to(#4f37ac));
    background-image: linear-gradient(to right,#ff12cf,#5336ad);
}
#related-posts .related_img {
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    width: 90%;
    height: 160px;
    margin-left: 5%;
    border-radius: 5px 50px;
}
#related-title {
    color: #ff12cf;
    line-height: 16px;
    padding: 10px 5px;
    text-align: center;
    text-shadow: 0 2px 2px #fff;
    text-decoration: none !important;
}
#related-posts .related_img:hover{ 
    opacity:.7;
    filter:alpha(opacity=70);
    -moz-opacity:.7;
    -khtml-opacity:.7;
}
#related-title:hover {
  color:#4f37ac;
    text-decoration: none; 
}
</style>
<script type='text/javascript'>
//<![CDATA[
imgr=new Array();imgr[0]="http://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png";showRandomImg=true;aBold=true;summaryPost=400;summaryTitle=20;numposts1=12;numposts2=4;function removeHtmlTag(strx,chop){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)}}s=s.join("");s=s.substring(0,chop-1);return s}
  function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();if(numposts2<=json.feed.entry.length){maxpost=numposts2}else{maxpost=json.feed.entry.length}for(var i=0;i<maxpost;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break}}if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break}}var daystr=day+' '+m+' '+y;pcm='<a href="'+posturl+'">'+pcm+' comments</a>';var trtd='<div class="col_maskolis"><h2 class="posttitle"><a href="'+posturl+'">'+posttitle+'</a></h2><a href="'+posturl+'"><img class="related_img" src="'+img[i]+'"/></a><div class="clear"></div></div>';document.write(trtd);j++}}var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.gform_foot.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d}else thumburl[relatedTitlesNum]='http://2.bp.blogspot.com/-ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png'}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];tmp3[tmp3.length-1]=thumburl[i]}}relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3}function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false}function printRelatedLabels_thumbs(){for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==currentposturl)||(!(relatedTitles[i]))){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h2>'+relatedpoststitle+'</h2>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a style="float:left;width:50%;text-decoration:none !important;');if(i!=0)document.write('"');else document.write('"');document.write(' href="'+relatedUrls[r]+'"><img class="related_img" src="'+thumburl[r]+'"/><br/><div id="related-title">'+relatedTitles[r]+'</div></a>');if(r<relatedTitles.length-1){r++}else{r=0}i++}document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
</b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->[/CODE]



স্টেপঃ-০২

এবার আপনাকে খুজে বের করতে হবে রিলাটেড আপডেট এর কোড টি কোথায় আছে।
বেশির ভাগ ক্ষেত্রে কমেন্ট সেকশনের উপরে থাকে।
খুজে বের করুন...।

নিচের কোড টি দ্বারা রিপ্লেস করুন।

কোডঃ- ০২


[CODE]<!-- Related post start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='related-posts'>
        <b:loop values='data:post.labels' var='label'>
            <b:if cond='data:label.isLast != &quot;true&quot;'>
        </b:if>
        <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_thumbs&amp;max-results=4&quot;' type='text/javascript'/></b:if></b:loop>
        <script type='text/javascript'>
            var currentposturl=&quot;<data:post.url/>&quot;;
            var maxresults=4;
            var relatedpoststitle=&quot;<b>You may also Like</b>&quot;;
            removeRelatedDuplicates_thumbs();
            printRelatedLabels_thumbs();
        </script>
    </div>
  <div style='clear:both;'/>
</b:if>
<!-- Related post end-->[/CODE]



 স্টেপঃ-০৩

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


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

টাটা।

ক্রেডিটঃ-    SMsudipBD.Com


Tags:- [Solve] Related Post Thumbnail Not working,blogger not showing all posts,blogger images not showing,blogspot pictures not showing,blogger image could 
পোস্ট রেটিং করুন
ট্যাগঃ ,
About Author

টিউটোরিয়ালটি কেমন লেগেছে মন্তব্য করুন!