ব্লগারে জনপ্রিয় পোস্ট (Popular Post) উইজেট এর ইমেজ রেজোলিউশন সমস্যাটি কিভাবে সমাধান করবেন।
বিসমিল্লাহির রাহমানির রাহীম
ব্লগার এখানে ইমেজ ফাইল সাইজটিকে স্বয়ংক্রিয়ভাবে 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
মনে রাখবেন, জ্ঞান বিতরণ করলে জ্ঞান কমেনা বরং বাড়ে। যেখানেই থাকুন নিরাপদে থাকুন-থাকুন শান্তিতে।
পোস্টটি কষ্ট করে পড়ার জন্য অসংখ্য ধন্যবাদ।
Visit our video blog
"মন-প্রান-হ্রদয় দিয়ে; এগিয়ে চল প্রযুক্তি নিয়ে"
About TechMasterBD
আধুনিক বিশ্ব মানে আইটি বা তথ্য-প্রযুক্তি। বর্তমান বিশ্বের প্রতিটি ক্ষেত্রের উন্নয়ন তথ্য-প্রযুক্তির উপর নির্ভরশীল। তথ্য- প্রযুক্তির উন্নয়ন ছাড়া পৃথিবী অন্ধ। কম্পিউটার বা তথ্য প্রযুক্তির উপর জ্ঞান অর্জন করা যেন বর্তমান সময়ের এক অনস্বীকার্য দাবী। যা মানুষের জীবন যাত্রায় গতি সঞ্চার এবং ডিজিটাল হিসেবে গড়ে উঠতে সাহায্য করবে। একটি দেশকে যদি ডিজিটাল এবং গতিশীল দেশ হিসেবে উন্নত করতে হয় তবে তথ্য প্রযুক্তির জ্ঞানের কোন বিকল্প নেই। তাই আমরা আশা করি বাংলাদেশ ও পিছিয়ে থাকবে না। বাংলাদেশ মানব সম্পদে সমৃদ্ধ। বাংলাদেশে তথ্য প্রযুক্তি ভিত্তিক শিক্ষা এবং প্রশিক্ষণ প্রাপ্তির মাধ্যমে অনেক শিক্ষিত বা কম শিক্ষিত লোক ব্যক্তি, পরিবার, সমাজ ও রাষ্ট্র তথা সার্বিক উন্নয়নে অবদান রাখতে পারে। হজরত মুহাম্মদ (সঃ) বলেছেন- "দোলনা থেকে কবর পর্যন্ত জ্ঞান অর্জন কর"। আগে নিজে শিখি তারপর অন্যদের শিখাই। তথ্য প্রযুক্তির উপর যে কোনো লেখা বা ভিডিও চোখে পড়লেই পড়া এবং দেখার চেষ্টা করি। পড়ে-দেখে যা শিখি তা-ই লিখি। আপনিও পড়ুন, শিখুন এবং অন্যদের শিখান।
Ow its a nice post. Thanks for sharing this type of Freelancing tips.
ReplyDeleteI already bookmarking your site. You can also visit my Freelancing Blog for get some more information about Freelancing Tutorial .