৩০ জুলাই, ২০১৫

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

কিভাবে Blogger Image এর Border এবং ‍Shadow Remove করবেন
4/ 5 stars - "কিভাবে Blogger Image এর Border এবং ‍Shadow Remove করবেন" সব ধরনের ব্লগার Default টেমপ্লেটের ছবিতে Border এবং ‍Shadow দেয়া থাকে। আসলে Blogger Developer Team হয়তো ব্লগের ছবিগুলির সুন্দর্য বৃদ্ধি ক...
-
remove-border-from-images
সব ধরনের ব্লগার Default টেমপ্লেটের ছবিতে Border এবং ‍Shadow দেয়া থাকে। আসলে Blogger Developer Team হয়তো ব্লগের ছবিগুলির সুন্দর্য বৃদ্ধি করার জন্য দিয়েছিল। অনেকেই আছে যারা ব্লগের এই ধররেন Border এবং ‍Shadow পছন্দ করে না, আবার অনেকেই আছে ব্লগের এই Border এবং ‍Shadow পছন্দ করে। কাজেই যারা এটি Remove করতে চায় তাদের কথা ভেবে আমি আজকের পোষ্টটি দিচ্ছি।
remove-border-from-images
উপরের ছবিতে দেখতে পাচ্ছেন যে, ব্লগের ছবিতে Border এবং ‍Shadow সহ কি রকম দেখাচ্ছে এবং Border এবং ‍Shadow ছাড়া কি রকম দেখাচ্ছে। কাজেই আপনি এখন নিজেই বুঝতে পারবেন যে, Border এবং ‍Shadow Remove করবেন কি না।

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

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • এরপর Template > Edit Html এ ক্লিক করুন।
Blogger-Template-Editor
  • তারপর কিবোর্ড হতে Ctrl+F চেপে ]]></b:skin> অংশটি সার্চ করুন।
blogger-code-find
  • এখন নিচের কোডগুলি কপি করে ]]></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 করুন। আপনি যদি ডিফল্ট ব্লগার টেমপ্লেট ব্যবহার করেন তাহলে এই কোডগুলি অবশ্যই পাবেন।
Subcribe to our all updates

and Share on
পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট

0 টি মন্তব্য: Post Yours! Read Comment Policy ▼
লক্ষ্য করুনঃ
পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

একটি মন্তব্য পোস্ট করুন

 
Subscribe for all Updates

Subscribe Now

কপিরাইট © 2015- প্রযুক্তি ডট কম ™, সর্বস্বত্ব সংরক্ষিত

Powered by: