ADs by Techtunes ADs
ADs by Techtunes ADs

সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট [পর্ব-০৫] :: HTML কোডের মাধ্যমে ওয়েবনোড সাইটে ছবি এড করা

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

ADs by Techtunes ADs

<img src="http://files.makingasite.webnode.com/200000001-64af265abd/Razib101.jpg"/>

এই কোডটি আমরা সাইটে পেস্ট করব। তবে তার আগে কোডটি এডিট করে নেব।

Src= এর পর “...............” এর মধ্যে আমরা নির্দিস্ট ছবির URL বসাব। এ জন্য আপনি আপনার ছবিটিকে কোন ইমেজ আপলোডার সাইটে আপলোড করে এখানে তার লিঙ্ক দিয়ে দিন। আমি সাধারনত এই কাজের জন্য ফেসবুককে ইউজ করি। চাইলে আপনিও ফেস বুকে আপলোড করতে পারেন। ছবি আপলোড করার পর ছবিটি ওপেন করুন। ছবির উপর রাইট ক্লিক করে Copy Image Location এ ক্লিক করুন।উপরের কোডের তারপর সেটি “............” এর মধ্যে বসিয়ে দিন। তার পর এই কোডটি আপনার সাইটের উপরে কন্ট্রোল বারের widgets থেকে Embed Code এ ক্লিক করুন। একটি বক্স আসবে।

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

<a target href=" http://www.chonnochara.com " title="CHONNOCHARA">

এখানে href= এরপর “............” এর মধ্যে আপনার কাক্ষিত সাইটের এড্ড্রেস লিখুন। এবং title এর জায়গায় আপনার কাক্ষিত সাইটের নাম বা টাইটেল লিখুন। অবশ্য টাইটেল না লিখলেও সমস্যা নাই। তবে টাইটেল যদি লেখেন তবে উক্ত ছবির উপর যদি মাউস পয়েন্টার নিয়ে যাওয়া হয় তবে সেই ছবির বা সাইটের নাম দেখাবে। পুরো কাজটি করার পর কোডটি দেখাবে এরকম......

<a target href=" http://www.chonnochara.com " title="CHONNOCHARA"><img src="http://files.makingasite.webnode.com/200000001-64af265abd/Razib101.jpg"/>

চলুন কোডটির সাথে আরও কিছু এড করি,
উপরের কোডটি বসালে ছবির উপরে ক্লিক করলে সরাসরি নির্দিস্ট সাইটে চলে যায়। এখন আপনি চাচ্ছেন ছবির উপরে ক্লিক করলে লিঙ্কের এড্ড্রেসে চলে না গিয়ে অটোমেটিক ব্রাউজারে নতুন একটা ট্যাব খুলে উক্ত সাইটে যাবে। সে ক্ষেত্রে আপনাকে উক্ত কোডের target লেখাটির পরে ="_blank" লেখাটি যুক্ত করতে হবে। পুরো কোডটি তাহলে হবে এরকম......

<a target="_blank"  href=" http://www.chonnochara.com " title="CHONNOCHARA"><img src="http://files.makingasite.webnode.com/200000001-64af265abd/Razib101.jpg"/>

এখন কোডটি আপনার সাইটে পেস্ট করুন। আশা করি, সব কিছু বুঝতে পেরেছেন। কারো কোথাও সমস্যা হলে অবশ্যই আমাকে বলবেন। আমিতো আছিই। আর আপনাদের যদি টিউনটি ভালো লেগে থাকে তাহলে অবশ্যই কমেন্ট করতে ভূলবেন না। সকলে ভাল থাকবেন। সি ইয়া......

ADs by Techtunes ADs

ADs by Techtunes ADs
Level 0

আমি রাজিব আহসান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 9 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 28 টি টিউন ও 259 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

বগুড়ার একমাত্র বানান ভূল সর্বস্ব লেখক


টিউনস


আরও টিউনস


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


টিউমেন্টস

Level 0

vaia dekhben to kemon hoyeche…..”jikoraj.webnode.com”
address er moddhe theke free te ‘webnode’ ta orano jabe ki?

ভাই ধন্যবাদ দিয়ে ছোট করব না। “ফী আমানলিল্লাহ”………

Level 0

ভাল লাগল। ভাইয়া আপনার সাইটে উপরে লেখাটি যেটি ঘুরে আসছে কিভাবে করলেন জানাবেন PLZ. আর ছবি গুলো এমন ভাবে কীভাবে আসে জানাবেন। plz এই সাইটটি দেখবেন http://dics09.webnode.com/

Level 0

Bhi ora ja 1GB bandhwith diy ata ki ak mas ar jonno?jodi 1 mas ar aga e bandhwith ses hoya jay tahola ki r site open hoba na?
http://houserent4bd.webnode.com

    @mahi77:
    হ্যা, মাসের জন্য। একমাসের আগে যদি আপনার ব্যান্ডউইথ শেষ হয়ে যায় তবে আপনাকে আর সাইট এডিট করতে দেবে না। বলবে । ৩০ দিনের মধ্যে আপনি যদি প্রিমিয়াম না নেন তবে তারা আপনার সাইটে এড দেওয়া শুরু করবে। পরের মাসে আবার একজিবি পাবেন এবং আবার সাইট এডিট করতে পারবেন, এবং তাদের এডও আর দেয়া হয় না।:P
    ( তবে তারা যদি কোন কারনে এড দেয়ও, তবুও তো আপনার লস নাই। এতসুন্দর ওয়েব বিল্ডার যে পাচ্ছেন একদম ফ্রীতে। আর সাইট বন্ধ করে দেওয়ার কোন ভয় নাই। এই ব্যাপারে নিশ্চিত থাতে পারেন 🙂 )

রাজিব আহসান ভাই, webnode সাইট এ রেজিস্টার ডোমেইন কিভাবে ব্যবহার করব?

Level 0

koyek koti koti koti bar thanks apnake, vai.apnar porer tuner asay taklam,asakori kub sigri, apni abaro a bisoy a akta jor tola tune upohar dimben.

Level 0

thanks rajib bhi.

Level 0

/templates download kore dekahile valo hoto

সুন্দর হয়েছে

ভাই মিডিয়া ফায়ার ব্যাবহার করে কিভাবে download লিঙ্ক দিবো বললে অনেক উপকার হই

Level 0

good teacher

Level 0

nice

hello bro,,,ami apnar post golo poreyche oo try korche…ei post ey esey ekta jaigai ami parchina…kindy ekto bistarito vabey alochona korben… html er beyaparta

lt;img src="http://files.makingasite.webnode.com/200000001-64af265abd/Razib101.jpg"/>

এই কোডটি আমরা সাইটে পেস্ট করব। তবে তার আগে কোডটি এডিট করে নেব।

Src= এর পর “……………” এর মধ্যে আমরা নির্দিস্ট ছবির URL বসাব। এ জন্য আপনি আপনার ছবিটিকে কোন ইমেজ আপলোডার সাইটে আপলোড করে এখানে তার লিঙ্ক দিয়ে দিন। আমি সাধারনত এই কাজের জন্য ফেসবুককে ইউজ করি। চাইলে আপনিও ফেস বুকে আপলোড করতে পারেন। ছবি আপলোড করার পর ছবিটি ওপেন করুন। ছবির উপর রাইট ক্লিক করে Copy Image Location এ ক্লিক করুন।উপরের কোডের তারপর সেটি “…………” এর মধ্যে বসিয়ে দিন।

Level 0

Vaiya!! ami pic add korle o add hossena. page e shudhu lekha ashse.. R ekta clock dilam bul time show korse na… pzz!!! ektu dekhun na… http://www.mmkhan.webnode.com/

Rajib Bai Aponar Phone Numberta Amake Dewa Jabe Ki – Jodi Den
[email protected]