Thursday, 17 December 2015

ব্লগস্পটের ভিন্ন পোস্ট বা পেজে ভিন্ন ভিন্ন ব্যাকগ্রাউন্ড দিন !

  JIHAD KHAN       Thursday, 17 December 2015
ব্লগস্পট গুরু ভাইয়েরা কেমন আছেন? আজ ব্লগস্পট গুরুদের জন্য নিয়ে এলাম অসাধারন একটি ট্রিকস। শিরোনাম পড়েই আপনারা বুঝে নিয়েছেন নিশ্চয়ই। তবুও আমার দায়িত্ববোধ থেকে পুরো বিষয়টি প্রথমে বুঝিয়ে বলব তারপর ব্লগস্পট ব্লগের এই আকর্ষণীয় ট্রিকসটি হাতে কলমে দেখিয়ে দিব। সময় কম তাই আজ মজা করব না। সরাসরি চলে যাব আমার মূল কথায়।


আমরা সাধারণত ব্লগস্পট ব্লগে একটি ইমেজ বা কোন নির্দিষ্ট রঙ ব্যাকগ্রাউন্ড হিসেবে ব্যবহার করে থাকি। কিন্তু একবার ভেবে দেখেছেন কি যদি আলাদা আলাদা পোস্টে বা পেজে আলাদা আলাদা রঙ কিংবা পছন্দ সই ইমেজ থাকত তবে কেমন হত ? নিশ্চয়ই খারাপ হত না। অথবা ধরুন, ফেসবুক নিয়ে একটি পোস্ট করেছি তাহলে ওই পোস্টের ব্যাকগ্রাউন্ডে ফেসবুক সম্পর্কিত কোন ইমেজ ব্যবহার করা গেলে কেমন হত? যদি মনে হয় ভালো হত তবে আজ সেই ভালো লাগাকেই বাস্তব করব আপনাদের সাথে নিয়ে। আমি ইতিমধ্যেই আমার ব্লগের একটি পেজে উদাহরণ হিসেবে আলাদা একটি ব্যাকগ্রাউন্ড ইমেজ ব্যবহার করেছি। হাতে নাতে প্রমান চাইলে ঘুরে আসুন আমার ব্লগটি .. এবার অন্য যেকোন আরও একটি পেজে ঘুরে আসুন। দেখুন বিশ্বাস হয় কিনা ! কি দেখলেন? অন্য পেজে এই ব্যাকগ্রাউন্ড আছে? না নেই। এবার নিশ্চয়ই পরিষ্কার হয়ে গেছে আজকের পোস্টের বিষয় সম্পর্কে। এবার চলুন আপনার ব্লগেও এই ট্রিকসটা কাজে লাগাই।

  • আপনার ব্লগস্পট ব্লগের টেমপ্লেট এ গিয়ে Edit HTML ক্লিক করুন।
  • এবার ব্লগের টেমপ্লেটের কোড গুলো আসলে CTRL + F চেপে </head> কোডটি খুঁজে বের করুন। 
  • কোডটি খুঁজে পেলে এর ঠিক আগে নিচের কোডগুলো বসিয়ে দিন।
<b:if cond="data:blog.url == &quot;POST-OR-PAGE-URL&quot;">
<style>
body {
background-image: url(BACKGROUND-IMAGE-URL);background-position: center; background-repeat:repeat; background-attachment: fixed;
}
</style>
</b:if>
  • এবার কোডগুলো কিছুটা লক্ষ্য করুন। কোডের মধ্যে POST-OR-PAGE-URL লেখার জায়গায় আপনি যে পেজ বা পোস্টে ব্যাকগ্রাউন্ড দেখাতে চান তাঁর লিংক বসান।
  • আবার BACKGROUND-IMAGE-URL লেখার জায়গায় আপনি যে ব্যাকগ্রাউন্ড ব্যবহার করতে চান তাঁর লিংক বসান। 
  • ব্যাস, কাজ শেষ। 
ব্যাকগ্রাউন্ডে যদি ইমেজ ব্যব্বহার না করে শুধু কোন কালার বা রঙ ব্যবহার করতে চান তবে উপরে কোডগুলোর পরিবর্তে শুধু নিচের কোডগুলো বসিয়ে দিন।
 <b:if cond="data:blog.url == &quot;POST-OR-PAGE-URL&quot;">
<style>
body {
background: #8ED3FF;
}
</style>
</b:if>
  •  কোডে পূর্বের মত পেজ বা পোস্টের লিংক বসান এব#8ED3FF এর পরিবর্তে আপনার পছন্দের কালার কোড ব্যবহার করুন। 

আশা করি অনেক ভালো লাগ বে এই ব্লগস্পট ট্রিক্স। আপনার মন্তব্য জানাবেন এবং সমস্যা হলে সেটাও জানাবেন
logoblog

Thanks for reading ব্লগস্পটের ভিন্ন পোস্ট বা পেজে ভিন্ন ভিন্ন ব্যাকগ্রাউন্ড দিন !

Previous
« Prev Post

No comments:

Post a Comment

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোষ্ট পড়ার পর নিজের মতামত যানাতে ভুলবেন না। তবে এমন কোন মন্তব্য করবেন না যাতে লেখকের মনে আঘাত করে!! ধন্যবাদ