আপনার ব্লগস্পট ব্লগের একেক পেজ এবং পোস্টে একেক ব্যাকগ্রাউন্ড ব্যবহার করতে পারেন? এবার আপনি পারবেন অসাধারন ছোট একটি ট্রিক্স ব্যবহার করে। ব্লগস্পট গুরুরা না দেখলেই মিস

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

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

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

  • আপনার ব্লগস্পট ব্লগের টেমপ্লেট এ গিয়ে 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 এর পরিবর্তে আপনার পছন্দের কালার কোড ব্যবহার করুন।

আরও আকর্ষণীয় সকল টিপস, ট্রিকস, টিউটোরিয়াল পেতে ভিজিট করুন  ব্লগার মারুফ ডট কম । আকর্ষণীয় সকল পোস্টের নির্ভরযোগ্য ক্ষুদ্র ব্লগ ব্লগার মারুফ ডট কম। আমার সাথেই থাকুন ...

Level 1

আমি ব্লগার মারুফ। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 10 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 196 টি টিউন ও 1301 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

আমি মারুফ। প্রযুক্তিকে ভালোবাসি। তাই গড়তে চাই প্রযুক্তির বাংলাদেশ। পড়াশুনা করছি রংপুরের বেগম রোকেয়া বিশ্ববিদ্যালয়ে অ্যাকাউন্টিং এন্ড ইনফরমেশন সিস্টেমস বিভাগে। আমার ওয়েবসাইটঃ https://virtualvubon.com এবং https://www.rupayon.com


টিউনস


আরও টিউনস


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


টিউমেন্টস

সুন্দর

ছবি দিয়ে পোস্ট করলে টিউনটা আরো ভালো লাগতো

    @রাশেদুল ইসলাম: পরেরবার থেকে চেস্টা করব। আপনাকে অসংখ্য ধন্যবাদ পোষ্টটি পড়ার জন্য।

ছবি দিয়ে পোস্ট করলে টিউনটা আরো ভালো লাগতো