কিভাবে Blogger Image এর Border এবং ‍Shadow Remove করবেন

সব ধরনের ব্লগার Default টেমপ্লেটের ছবিতে Border এবং ‍Shadow দেয়া থাকে। আসলে Blogger Developer Team হয়তো ব্লগের ছবিগুলির সুন্দর্য বৃদ্ধি করার জন্য দিয়েছিল। অনেকেই আছে যারা ব্লগের এই ধররেন Border এবং ‍Shadow পছন্দ করে না, আবার অনেকেই আছে ব্লগের এই Border এবং ‍Shadow পছন্দ করে। কাজেই যারা এটি Remove করতে চায় তাদের কথা ভেবে আমি আজকের পোষ্টটি দিচ্ছি।

উপরের ছবিতে দেখতে পাচ্ছেন যে, ব্লগের ছবিতে Border এবং ‍Shadow সহ কি রকম দেখাচ্ছে এবং Border এবং ‍Shadow ছাড়া কি রকম দেখাচ্ছে। কাজেই আপনি এখন নিজেই বুঝতে পারবেন যে, Border এবং ‍Shadow Remove করবেন কি না।

 কিভাবে Remove করতে হয়ঃ

• প্রথমে আপনার ব্লগে লগইন করুন।
• এরপর Template > Edit Html এ ক্লিক করুন।

• তারপর কিবোর্ড হতে Ctrl+F চেপে ]]></b:skin> অংশটি সার্চ করুন।

• এখন নিচের কোডগুলি কপি করে ]]></b:skin> ট্যাগের ঠিক নিচে পেষ্ট করুন।

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {
    padding: 0 !important;
    border: none !important;
    background: none !important;
    -moz-box-shadow: 0px 0px 0px transparent !important;
    -webkit-box-shadow: 0px 0px 0px transparent !important;
    box-shadow: 0px 0px 0px transparent !important;
}

• সবশেষে Save Template এ ক্লিক করে Template টি Save করুন।

আপডেটঃ উপরের কোডগুলি যুক্ত করার পরও যদি Blogger Image এর Border এবং ‍Shadow Remove না হয়, তাহলে নিচের পদ্ধতি অনুসরন করুন। কারণ আপনি যদি কাষ্ট টেমপ্লেট ব্যবহার করে থাকেন, তাহলে উপরের পদ্ধতিতে কাজ নাও করতে পারে।

• এখন আগেরমত Template > Edit Html এ ক্লিক করুন।
• তারপর কিবোর্ড হতে Ctrl+F চেপে নিচের কোডগুলির যে কোন একটি অংশ সার্চ করুন।

border: 1px solid $(image.border.color);

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

• এখন উপরের এই কোডগুলি Delete করে Template টি Save করুন। আপনি যদি ডিফল্ট ব্লগার টেমপ্লেট ব্যবহার করেন তাহলে এই কোডগুলি অবশ্যই পাবেন।