Skip to content

পোষ্টের ব্যাকগ্রাউন্ড কালার পরিবর্তন করুন বা ছবি রাখুন।

সেপ্টেম্বর 7, 2009

আমরা অনেক সময় চিন্তা করি কিভাবে পোষ্টের ব্যাকগ্রাউন্ড কালার কে একটি ভিন্ন রকম করা যায়। অনেক সময় ভাবি যদি পোষ্টর ব্যাকগ্রাউন্ডে কোন ছবি এড করা যেত।
আজ আমরা জানবো কিভাবে পোষ্টের ব্যাকগ্রাউন্ডের কালার পরিবর্তন করা যায় ও পোষ্টের ব্যাকগ্রাউন্ডে ছবি এড কারা যায়।

এ জন্য আমাদের যা যা করতে হবে…

১. প্রথমেই আমরা টাইপ করবো Edit Html এ গিয়ে। তারপর নিচের কোডটির মতে করে পোষ্ট লিখুন। বা নিচের কোডটি কপি করে নিয়ে নিজের ইচ্ছা মতে এডিট করে নিন।

২.

<div style="background: #D9D7D7 ; text-align:justify; font-size:120%">
এখানে আপনার পোষ্ট লিখুন। যেমন : আমার সোনার বাংলা, আমি তোমায় ভালবাসি
চিরদিন তোমার আকাশ, তোমার বাতাস,আমার প্রাণে বাজায় বাঁশি।।
ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে,
মরি হায়, হায় রে –
ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কি দেখেছি মধুর হাসি।।
কী শোভা, কী ছায়া গো, কী স্নেহ কী মায়া গো-
কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে ।
মা, তোর মুখের বাণী আমার কানে লাগে সুধার মত,-
মরি হায়, হায় রে –
মা তোর বদনখানি মলিন হলে; ও মা আমি নয়ন জলে ভাসি।।
</div>

রেজাল্ট দেখুন :

এখানে আপনার পোষ্ট লিখুন। যেমন : আমার সোনার বাংলা, আমি তোমায় ভালবাসি
চিরদিন তোমার আকাশ, তোমার বাতাস,আমার প্রাণে বাজায় বাঁশি।।
ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে,
মরি হায়, হায় রে –
ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কি দেখেছি মধুর হাসি।।
কী শোভা, কী ছায়া গো, কী স্নেহ কী মায়া গো-
কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে ।
মা, তোর মুখের বাণী আমার কানে লাগে সুধার মত,-
মরি হায়, হায় রে –
মা তোর বদনখানি মলিন হলে; ও মা আমি নয়ন জলে ভাসি।।

৩. উপরের background: #D9D7D7 কালার কোডটি পরিবর্তন করলেই আপনি ভিন্ন রকম ব্যাকগ্রাউন্ড দেখতে পারবেন। আমি এখন #D9D7D7 এর স্থানে #00FFFF কালার কোডটি স্থাপন করলাম। দেখুন ব্যাকগ্রাউন্ড কালারটি কেমন হয়।

<div style="background: #00FFFF ; text-align:justify; font-size:120%">
এখানে আপনার পোষ্ট লিখুন। যেমন : আমার সোনার বাংলা, আমি তোমায় ভালবাসি
চিরদিন তোমার আকাশ, তোমার বাতাস,আমার প্রাণে বাজায় বাঁশি।।
ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে,
মরি হায়, হায় রে –
ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কি দেখেছি মধুর হাসি।।
কী শোভা, কী ছায়া গো, কী স্নেহ কী মায়া গো-
কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে ।
মা, তোর মুখের বাণী আমার কানে লাগে সুধার মত,-
মরি হায়, হায় রে –
মা তোর বদনখানি মলিন হলে; ও মা আমি নয়ন জলে ভাসি।।
</div>

যেমন :

এখানে আপনার পোষ্ট লিখুন। যেমন : আমার সোনার বাংলা, আমি তোমায় ভালবাসি
চিরদিন তোমার আকাশ, তোমার বাতাস,আমার প্রাণে বাজায় বাঁশি।।
ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে,
মরি হায়, হায় রে –
ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কি দেখেছি মধুর হাসি।।
কী শোভা, কী ছায়া গো, কী স্নেহ কী মায়া গো-
কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে ।
মা, তোর মুখের বাণী আমার কানে লাগে সুধার মত,-
মরি হায়, হায় রে –
মা তোর বদনখানি মলিন হলে; ও মা আমি নয়ন জলে ভাসি।।

এবার দেখবো কি করে পোষ্টের ব্যাকগ্রাউন্ডে ছবি এড করা যায়।

আমরা পোষ্ট লিখছি Edit Html এ। নিচের কোডটি দেখুন, তাহলেই বুঝতে পারবেন কিভাবে পোষ্টের ব্যাকগ্রাউন্ডে আমরা ছবি এড করতে পারবো।
কোড :

<div style="background:url(http://zj.shuidao.cn/IRRI/regionalSites/bangladesh/images/Bangladesh.jpg) no-repeat;”>

আমার সোনার বাংলা, আমি তোমায় ভালবাসি
চিরদিন তোমার আকাশ, তোমার বাতাস,আমার প্রাণে বাজায় বাঁশি।।
ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে,
মরি হায়, হায় রে –
ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কি দেখেছি মধুর হাসি।।
কী শোভা, কী ছায়া গো, কী স্নেহ কী মায়া গো-
কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে ।
মা, তোর মুখের বাণী আমার কানে লাগে সুধার মত,-
মরি হায়, হায় রে –
মা তোর বদনখানি মলিন হলে; ও মা আমি নয়ন জলে ভাসি।

</div>

রেজাল্ট দেখুন :

আমার সোনার বাংলা, আমি তোমায় ভালবাসি
চিরদিন তোমার আকাশ, তোমার বাতাস,আমার প্রাণে বাজায় বাঁশি।।
ও মা, ফাগুনে তোর আমের বনে ঘ্রাণে পাগল করে,
মরি হায়, হায় রে –
ও মা, অঘ্রাণে তোর ভরা ক্ষেতে আমি কি দেখেছি মধুর হাসি।।
কী শোভা, কী ছায়া গো, কী স্নেহ কী মায়া গো-
কী আঁচল বিছায়েছ বটের মূলে, নদীর কূলে কূলে ।
মা, তোর মুখের বাণী আমার কানে লাগে সুধার মত,-
মরি হায়, হায় রে –
মা তোর বদনখানি মলিন হলে; ও মা আমি নয়ন জলে ভাসি।।

উপরের কোড গুলি ব্যাবহার করে আমরা পোষ্টের ব্যাকগ্রাউন্ডে ভিন্নতা আনতে পারি। আশা করি ট্রাই করে দেখবেন একটি পোষ্টে হলেও। সমস্যা হলে বা কিছু জানার থাকলে মন্তব্যে জানাবেন।
ধন্যবাদ সবাই কে।

Advertisements
No comments yet

মন্তব্য করুন

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / পরিবর্তন )

Twitter picture

You are commenting using your Twitter account. Log Out / পরিবর্তন )

Facebook photo

You are commenting using your Facebook account. Log Out / পরিবর্তন )

Google+ photo

You are commenting using your Google+ account. Log Out / পরিবর্তন )

Connecting to %s

%d bloggers like this: