Awesome! টিউনস
সকল Awesome! টিউনস

Blogger এ ছবি থেকে বিরক্তিকর Border রিমুভ করুন এক্ষুণি !!! (Don’t Miss)

2,154 দেখা 13 টিউমেন্টস জোসস
টিউন বিভাগ টিউটোরিয়াল
প্রকাশিত
Level 0

Admin, Marks PC Solution, Dhaka
28 টিউনস 241 টিউমেন্টস 1 ফলোয়ার
প্রথমেই বলে নেয়া ভাল- এটা Miss করার মত কোন টিপস না। আশা করি যারা Blogger Blog ব্যবহারকারী তারা অবশ্যই দেখবেন। পোস্টের টাইটেল দেখেই বুঝতে পারছেন কি বিষয়ে লেখা হবে। এবার ভাল করে নিচের ছবিটি লক্ষ্য করুন-
এখানে অবশ্য ছবি একটাই। কিন্তু আমি দুটি ছবি ধরে নিচ্ছি। বাম দিকের ছবিটি লক্ষ্য করুন। এখানে কোন বর্ডার নেই। আর ডান দিকের ছবিটিতে বর্ডার আছে। এবং আপনি যখন আপনার Blogger Blog এ কোন পোস্ট এর সাথে ছবি Upload করে তখন স্বাভাবিক ভাবেই একটা বর্ডার চলে আসে। এটা তেমন কোন ব্যাপার  না।
কিন্তু আপনি যখন কোন ছবিকে Transparent রাখতে চান তখন কিন্তু Border থাকাটা খুবই বিরক্তিকর। অন্তত আমার জন্য। কারণ বর্ডার থাকলে Image এর Transparency নষ্ট হয়ে যায়। কিছুদিন আগে আমি এক ব্লগার এর কাছ থেকে একটা কোড পাই। সেটা নিজের ব্লগে Apply করে একটা পোস্টও লিখেছি। এখন আপনাদের সাথে Share করব। আশা করি ভাল লাগবে।
কাজটা খুবই সহজ। এ কাজটা করার জন্য অবশ্য Edit HTML এর সাহায্য নেয়া হয়নি। Template Designer দেয়েই সেরে ফেলতে পারবেন। আপনাকে শুধুমাত্র একটা CSS Code এড করে দিতে হবে।
তাহলে এবার কাজে নেমে পরুন। আমি ধরে নিচ্ছি আপনি আপনার Blogger এর Dashboard বা Design এ সাইনড ইন অবস্থায় আছেন।
  • Template বাটন এ ক্লিক করুন।
  • এবার Customize
  • বাম দিক থেকে Advance সিলেক্ট করুন
  • এবার একটা ছোট্ট লিস্ট আসবে। এখান থেকে Add CSS নির্বাচন করুন। (ছবি দেখতে পারেন)
  • এরপর ডানদিকে Custom CSS বক্স পাবেন। নিচের কোডটি কপি পেস্ট করে এখানে বসিয়ে দিন। Apply to Blog এ ক্লিক করে আপনার সাইটে যান।
  • এবার দেখুন ম্যাজিক! আপনার আপলোড করা কোন ছবিতেই এখন আর Border দেখবেন নাহ!
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: none !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;
}
Shortcut Method: 
Template > Customize > Advance > Add CSS > Add Custom CSS Box (Copy and Paste the above code here) > Apply to Blog. 
পূর্বে প্রকাশিত এখানে:
ব্লগারের নতুন HTML Template Editor এ কাজ করার কিছু টিপস পাবেন এখানে। এটা নিয়েও সামনে লিখব আশা রাখি।  🙂

Level 0

আমি আব্দুর রহমান। Admin, Marks PC Solution, Dhaka। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 10 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 28 টি টিউন ও 241 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

There is no mistake in the world of technology! Everything is learning!!

টিউনস

আরও টিউনস

টিউনারের আরও টিউনস

টিউমেন্টস

Level 0

http://go.techtunes.io/fbgroup আমি টেকটিউনস এর অফিসিয়াল ফেসবুক পেজে ঢুকতে পারছিনা কেন?

Level 0

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

Level 0

ভাই
blogspot এ ছবি পাসাপাসি ৩/৪ টি ছবি পোষ্ট দিলে তা সারীবদ্ধ ভাবে থাকে না উপর নিচ হয়ে যায় ।
এটা নিয়ত্রন করার কোন উপায় আছে কি ? থাকলে দয়া করে জানাবেন ।

    Level 0

    @zaman:
    আসলে একই সমস্যায় আমিও পরেছিলাম। কিন্তু পরে আর চেষ্টা করিনি। আমার তেমন কাজেও লাগেনি পাশপাশি কয়েকটি ছবি বসানোর।

    তবে আপনি চাইলে কয়েকটি ছবিকে একটি ছবি বানিয়ে নিয়ে এটা করতে পারেন। যেমনটা আমি করেছি এই পোস্টের ছবি দিতে গিয়ে।

Level 0

ভাই আপনাদের কাছে আমি হেল্প চাই… আমি আমার মেইল দিয়ে টেকটিউন সাবস্ক্রাইভব করেছি । এখন মেইল এ সব লোদ হয়ে গেছে এখন আমি কিভাবে আনসাবস্ক্রাইব করব পিস কেউ হেল্প করেন। আমি শেষ হইয়া গেছি… প্লিস প্লিস প্লিস

Level 0

amar blogspot blog e navigation bar pashapashi na theke upor nic hoice jacce…somebody plz help…Amar blog

    Level 0

    @RJplabon:
    যদিও এটা রিলেটেড কিছু না তারপরেও বলি-
    আপনি কি আপনার সাইটের জন্য Tab/ Menu তৈরী করার কথা বলছেন? একদম সোজা। ডানদিকে আপনি যে লিস্টটা দিয়েছেন সেটা Layout এ গিয়ে Header এর নিচে বসিয়ে দিলেই হবে।

    বিস্তারিত দেখুন এখানে- http://munnamark.blogspot.com/2012/12/how-to-create-menu-or-tabs-in-blogger.html

Level 0

@munnamark:
Thanx

    Level 0

    @RJplabon:

    কাজ হয়েছে গেছে দেখছি! Good 🙂

      Level 0

      @munnamark:
      hmm…kintu vai dropdown navigation menu toiri korte parsi nah…e bisoie jodi ektu help korten…

Level 0

আসলে এটা আরেকটা বাজে ব্যাপার ! 🙁
এটা করতে হলে আপনাকে CSS সম্পর্কে কিছু জ্ঞান অর্জন করতে হবে।

অথবা যেটা করতে পারেন-
১. Google এ সার্চ দেন CSS Menu for Blogger লিখে। এখানে বেশ কিছু উপায় পাবেন।
২. Premium Theme ব্যবহার করতে পারেন Menu সহ। Free Theme ও পাওয়া যায়।

তবে আমার ব্যক্তিগত পরামর্শ হল এগুলো করার দরকার নেই। কারণ মানুষ সাধারণত মেনুতে গিয়ে টপিক খুজতে পছন্দ করে না। তার চেয়ে ভাল হয় আপনি Post Labeling করে Right Side Bar এ Category বানিয়ে দিলে। যেমনটা আমি করেছি আমার সাইটে।

কিভাবে Labeling করা যায় সেটা আগের লিংকেই দিয়েছি। Labeling আপনাকে করতে হবে CSS Menu বানাতে গেলেও। কাজেই আপনি আগে আপনার পোস্টের ল্যাবেলিং সেরে ফেলুন। তারপর ভেবে দেখুন কি করবেন।

Level 0

amar blog e long post published korle set a frame otikrom kore…..abong paser side bar pojjonto chole jai ……..ei bepare sahajjo chachhi.