আপনার ব্লগস্পট ব্লগের একেক পেজ এবং পোস্টে একেক ব্যাকগ্রাউন্ড ব্যবহার করতে পারেন

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

ব্লগস্পটের ভিন্ন পোস্ট বা পেজে ভিন্ন ভিন্ন ব্যাকগ্রাউন্ড দিন !
আমরা সাধারণত ব্লগস্পট ব্লগে একটি ইমেজ বা কোন নির্দিষ্ট রঙ ব্যাকগ্রাউন্ড হিসেবে ব্যবহার করে থাকি। কিন্তু একবার ভেবে দেখেছেন কি যদি আলাদা আলাদা পোস্টে বা পেজে আলাদা আলাদা রঙ কিংবা পছন্দ সই ইমেজ থাকত তবে কেমন হত ? নিশ্চয়ই খারাপ হত না। অথবা ধরুন, ফেসবুক নিয়ে একটি পোস্ট করেছি তাহলে ওই পোস্টের ব্যাকগ্রাউন্ডে ফেসবুক সম্পর্কিত কোন ইমেজ ব্যবহার করা গেলে কেমন হত? যদি মনে হয় ভালো হত তবে আজ সেই ভালো লাগাকেই বাস্তব করব আপনাদের সাথে নিয়ে। আমি ইতিমধ্যেই আমার ব্লগের একটি পেজে উদাহরণ হিসেবে আলাদা একটি ব্যাকগ্রাউন্ড ইমেজ ব্যবহার করেছি। হাতে নাতে প্রমান চাইলে ঘুরে আসুন আমার ব্লগটি 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 এর পরিবর্তে আপনার পছন্দের কালার কোড ব্যবহার করুন।
Share this article :
 
Helped By : WWW.KASPERWINDOW.TK | KasperWindowTemplate | Download This Template
Copyright © 2011. আমার কথা ঘর - All Rights Reserved
Template Created by Aehtasham Aumee Published by KasperWindow
Proudly powered by Blogger