ব্লগারে জনপ্রিয় পোস্ট (Popular Post) উইজেট এর ইমেজ রেজোলিউশন সমস্যাটি কিভাবে সমাধান করবেন।

 বিসমিল্লাহির রাহমানির রাহীম 

আজ আমরা শিখব কিভাবে ব্লগারে (Popular Post) জনপ্রিয় পোস্ট উইজেটের (image Resolution) ইমেজ রেজোলিউশন সমস্যার সমাধান করা যায়। জনপ্রিয় পোস্ট উইজেটটি ব্লগারের সবচেয়ে সাধারণ এবং সর্বাধিক ব্যবহৃত উইজেটের মধ্যে একটি। এটি পরিষ্কার এবং মার্জিত দেখায় কিন্তু এতে একটি বিশাল সমস্যা রয়েছে।

 ব্লগার এখানে ইমেজ ফাইল সাইজটিকে স্বয়ংক্রিয়ভাবে 72x72 আকারে Crop করে যার কারনে সাধারণত ইমেজের মান খারাপ হয়ে যায় এবং আমরা ইমেজের উচ্চতা বা প্রস্থকে বাড়িয়ে তুলতে পারি না। তবে আমরা একটি সহজ tweak দিয়ে সে ডিফল্ট Image রেজল্যুশন কে সর্বোচ্চ আকারে বৃদ্ধি করব যার ফলে ইমেজের মান আরো ভাল হবে এবং visibility তুলনামুলক ভাবে অনেক পরিষ্কার হবে।

 ব্লগারে জনপ্রিয় পোস্ট উইজেট এর ইমেজ রেজোলিউশন ইস্যুটি কীভাবে ফিক্স করা যায় তা দেখতে আপনি নীচের বাটনে ক্লিক করে এর একটি লাইভ প্রিভিউ চেক করতে পারেন।

স্ক্রিপ্ট যোগ করা  
এই উইজেটের জন্য এটি অতিরিক্ত অংশ। ব্লগার মূলত 72 px প্রস্থের ইমেজ তৈরি করে যা কোন কোন ক্ষেত্রে উপযুক্ত নয়। তাই আমরা ছবির মূল আকারের সাথে আরও ভাল মানের জন্য এটিকে পরিবর্তন করব। কাজটি খুবই সহজ।

টেমপ্লেটের < body> ট্যাগটি অনুসন্ধান করুন এবং এটির ঠিক উপরে নীচের HTML কোডিংটি পেস্ট করুন। 

<script type='text/javascript'>
//<![CDATA[ 
$(document).ready(function() {    
    $('.PopularPosts ul li img').attr('src', function(i, src) {
        return src.replace('/default.jpg', '/mqdefault.jpg');
    });
    $('.PopularPosts ul li img').attr('src', function(i, src) {
        return src.replace('s72-c', 'w770-h505');
    });
    $('.PopularPosts ul li img').attr('src', function(i, src) {
        return src.replace('w72-h72-p-nu', 'w770-h505');
    });
 });
//]]>
</script>

অভিনন্দন !! সম্ভবত আপনি এটি তৈরি করতে পেরেছেন। আপনি শিখেলেন কিভাবে ব্লগারে জনপ্রিয় পোস্ট উইজেটের ইমেজ রেজোলিউশন সমস্যাটি ঠিক করতে হয়। এখন আপনার ব্লগে যান এবং কর্মে লাইভ স্ক্রিপ্ট (script live) চেক করুন। আশা করি আপনি এই টিউটোরিয়াল পছন্দ করেছেন।

 👉 👉 পোস্টটি পড়ে যদি আপনার বিন্দু মাত্র উপকার হয় তাতেই আমরা সার্থক ও কৃতজ্ঞ হব। পোস্টটি ভাল লাগলে দয়া করে সামাজিক যোগাযোগ মাধ্যমে লাইক এবং শেয়ার করতে ভুলবেন না আশা করি। হতে পারে এই কাজে আপনার কয়েক সেকেন্ড মূল্যবান সময় ব্যয়-দেশের আরো দশজন উপকৃত হবার অন্যতম উপলক্ষ। আর হ্যাঁ, এ বিষয়ে কোন কিছু জানার থাকলে নীচের কমেন্ট বক্সে নির্দ্বিধায় কমেন্ট করুন। আমরা আপনাদেরকে সাহায্য করার জন্য সদা প্রস্তুত ইনশাআল্লাহ।

 মনে রাখবেন, জ্ঞান বিতরণ করলে জ্ঞান কমেনা বরং বাড়ে। যেখানেই থাকুন নিরাপদে থাকুন-থাকুন শান্তিতে।

পোস্টটি কষ্ট করে পড়ার জন্য অসংখ্য ধন্যবাদ।
  Visit our video blog