http://www.techtunes.com.bd/web-development/tune-id/117079
সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট
[পর্ব-০১]
নিজের একটা ওয়েবসাইট তৈরী করা
আমাদের অনেকেরই স্বপ্ন। কিন্তু সে
তো অনেক ঝামেলার কাজ। ডোমেইন
রেজিস্ট্রেশন, হোস্টিং রেজিস্ট্রেশন,
ডোমেইন সেটআপ, হোস্টিং সেটআপ।
তার পর আবার প্রগ্রামিং, HTML শেখা।
যার কারনে নিজের একটা ওয়েবসাইট
তৈরীর স্বপ্ন আমাদের স্বপ্নই থেকে
যায়। না, আজকে আমি আপনাদের যে
পদ্ধতিতে ওয়েবসাইট বানানো শেখাব
ওয়েবসাইট ডিজাইনে জিনিয়াস হবার
দরকার নাই, HTML বা PHP এর নূন্যতম
জ্ঞান না থাকলেও সমস্যা নাই। শুধু
নিচের পদ্ধতিগুলো অনুসরন করলেই হবে।
তার আগে জেনে নেই
http://www.webnode.com/
টি থেকে আপনি যা পাবেন।
একটি webnode এর শেয়ার্ড ডোমেইন +
হোস্টিং।
১ জিবি মানথলী ব্যান্ডউইথ
১০০ মেগা বাইট ডিস্ক স্পেস।
ভাবছেন এত কম ডিস্ক স্পেস দিয়ে কি
করবেন। কয়েকটা গান উঠালেই তো
জায়গা শেষ। webnode দিয়ে তৈরী
http://www.chonnochara.com/
একবার দেখে আসুন। এ
পর্যন্ত মাত্র ৯ মেগা বাইট ফুরিয়েছি। ৯
মেগা বাইটেই অনেক কিছু। কিছু কৌশল
খাটালে আপনিও পারবেন এই ১০০
মেগাবাইট দিয়ে আনলিমিটেড ডিস্ক
স্পেসের কাজ করতে। আমি আমার সকল
ফাইল মিডিয়া ফায়ার, wapand এ
আপলোড করেছি। পিকচার এর বেশির
ভাগ ফেসবুকে আপ্লোড করেছি।
তাহলে আসুন কাজ শুরু করা যাক......
প্রথমেই এই লিঙ্কে ক্লিক
http://www.webnode.com/
করেন।
এরকম একটা পেজ আসবে।
এখানে website address এ আপনার
পছন্দমত একটা নাম দিন। যদি এই নামে
যদি এভেইলএবল হয় তবে সবুজ কালীতে
দেখাবে। যদি Available না হয় তবে লাল
কালীতে নট এভেইলএবল লেখা আসবে।
সে ক্ষেত্রে অন্য কোন নাম দিয়ে ট্রাই
করুন।
ডোমেইনের নাম ঠিক হলে এবার ২য়
বক্সে আপনার এমেইল এড্ড্রেস দিন।
তারপরের বক্সে আপনার পাসওয়ার্ড
দিন। এই ইমেইল এড্ড্রেস ও পাসওয়ার্ড
ভাল করে সংরক্ষন করুন। কারন প্রতিবার
এডিট করার সময় এই মেইল ও পাসওয়ার্ড
প্রয়োজন হবে।
সব কাজ হয়ে গেলে এবার Sign Up এ
ক্লিক করুন।
কিছুক্ষন ওয়েট করুন.........
এরকম একটা পেজ আসবে। এসময় আপনি
আপনার মেইল এড্ড্রেসে গিয়ে মেইল
এড্ড্রেসটি ভেরিফাই করে নিতে
পারেন। আপনার মেইল এড্ড্রেসে গিয়ে
দেখুন wenode থেকে একটা ভেরিফাই
লিঙ্ক পাঠিয়েছে। ওটায় ক্লিক করুন।
উপরের মত পেজ আসবে।
Personal Website সিলেক্ট করে
Continue করুন।
নিচের মত পেজ আসবে......
এখানে আপনাকে ওয়েবসাইট টেমপ্লেট
সিলেক্ট করতে বলা হবে। আপনি
আপনার পছন্দমত টেমপ্লেট সিলেক্ট
করুন। এক্ষত্রে আমি ৭ নম্বর
টেমপ্লেটটা সিলেক্ট করেছি।
Continue করুন।
এরকম একটা পেজ পাবেন। Finish বাটনে
ক্লিক করুন।
কিছুক্ষন ওয়েট করতে বলবে।
কিছুক্ষন পর দেখবেন এডমিন পেজ
হাজির হয়ে গেছে। প্রাথমিক ভাবে
আপনার ওয়েবসাইট তৈরী।
ভিজিটর আপনার সাইট দেখবে এরকম
এখন আপনাকে সাইট এডিট করতে হবে।
আপনার সাইটের উপরে দেখুন সাইট
এডিটের সব টুল দেওয়া আছে। এসব
ব্যাবহার করে আপনি খুব সহজেই সাইট
এডিট করতে পারবেন। এগুলো নিয়ে
বিস্তারিত পরে আলোচনা করব।
আসুন এবার এর ব্যানারটা চেঞ্জ করি।
ব্যানারের উপরে মাউস পয়েন্টার নিয়ে
যান। দেখুন Edit Image নামে একটি
অফশন দেখাবে। এটাতে ক্লিক করুন।
এরপর দেখবেন নতুন একটা পেজ আসবে।
Upload an Image এ ক্লিক করুন। তার
আগে আপনাকে 659X185 সাইজের
একটা ব্যানার ফটোশপে .jpg ফরমেটে
তৈরী করে নিতে হবে। Upload an Image
এ ক্লিক করলে একটি বক্স আসবে। এবার
আপনি আপনার তৈরীকৃত ব্যানারটি
দেখিয়ে দিন। কিছুক্ষন ওয়েট করুন। দেখুন
এবার আপনার ব্যানারটি দেখা যাচ্ছে।
এবার আপনি এটাকে ড্রাগ করে সাইজ
মত বসিয়ে দিন।
যেকোন ফাকা জায়গায় ক্লিক করুন।
সর্বশেষ উপরের save and close বাটনে
ক্লিক করুন।
কিছুক্ষন পর দেখবেন আপনার ব্যানার
সেট হয়ে গেছে। সর্বশেষ সাইটটি দেখতে
হবে এরকম।
আজ তাহলে এই পর্যন্তই। আগামীতে
আল্লাহ বাচিয়ে রাখলে কিভাবে মেনু
তৈরি করবেন, কিভাবে নতুন টপিক পেস্ট
করবেন, কিভাবে ওয়েবসাইটে ছবি
দিবেন, কিভাবে লিঙ্ক এড করবেন,
সাইটকে প্রনবন্ত করতে বিভিন্ন
উইজগেড এর পরিচিতি ও তার ব্যাবহার।
SEO নিয়া কিছু সাধারন প্যাচাল, সাইটের
প্রিমিয়াম ডোমেইন ইত্যাদি আলোচনা
করা হবে।
তাহলে দেরি না করে তৈরী করে ফেলুন
একটা সাইট। কোন সমস্যা হলে জানাতে
অবশ্যই ভুলবেন না।
সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট
[পর্ব-০২]
হ্যালো বন্ধুরা, কেমন আছেন সকলে?
আজ আমি আবার হাজির হলাম সব চেয়ে
সহজ পদ্ধতিতে তৈরী করার ২য় পর্ব
নিয়ে। ১ম পর্ব নিয়ে আপনাদের ব্যাপক
সারা পেয়ে অনেক ভাল লেগেছে।
অনেকেই আমার কাছে ব্যাক্তিগত ভাবে
মোবাইল করে অথবা ফেসবুকে প্রিমিয়াম
ডোমেইনের ব্যাপারে জানতে চেয়েছেন।
অর্থাৎ আমার সাইট যেমন http://
www.chonnochara.com
, সেরকম
সবারটা হচ্চে না কেন? সাথে
www.****.webnode.com যুক্ত থাকছে।
শুধু .com করবেন কিভাবে? এই জন্য
আপনাকে ডোমেইন কিনতে হবে
। আপনি আপনার সাইটের
জন্য ২ ভাবে প্রিমিয়াম নিতে পারেন,
১। ওয়েবনোড থেকে আপনার ডোমেইন
কিনে
২। বাহির থেকে ডোমেইন কিনে
কনফিগার করে
ওয়েবনোড থেকে আপনার ডোমেইন
কিনলে বেশকিছু সুবিধা তারা আপনাকে
দেবে,
তাদের ডোমেইন এর তিনটি প্যাকেজ
আছে, নিচে দেখুন প্যাকেজ তিনটির মুল্য
ও সুবিধা। ভাল করে দেখতে ইমেজটি
আপনার পিসিতে কপি করে বড় করে
দেখতে পারেন।
আমি অবশ্য বাহির থেকে ডোমেইন কিনে
কনফিগার করে নিয়েছি।
যাই হোক এবার আসি আপনার সাইটের
বিভিন্ন ডিজাইন নিয়ে, আপনার এডমিন
প্যানেলে প্রবেশের পর উপরে দেখুন
নিচের ছবির মত একটা কন্ট্রোল বার
দেখা যাচ্ছে, এখানে বিভিন্ন টুল আছে,
যা দিয়ে আপনি আপনার সাইট কে সুন্দর
করে সাজাতে পারবেন। আপনার সুবিধার
জন্য আমি এই টুল গুলোকে নাম্বারিং
করলাম,
পরে একে একে এই টুল গুলো ব্যাবহার
করে কিভাবে আপনার ওয়েব সাইট
সাজাবেন তা বিস্তারিত আলোচনা
করব।
এবার প্রথমেই আসি কিভাবে আপনি
মেনু বা বিভাগ এবং সেই মেনুর আন্ডারে
উপমেনু বা উপবিভাগ খুলবেন এবং
বাংলা করবেনঃ
নিচের চিত্রটি লক্ষ্য করুন,
আপনার মেনুবারটি এই ছবির মত নাও
হতে পারে। সেক্ষত্রো কোন সমস্যা
নাই। দেখুন ছবিটির উপরে বামে লেখা
আছে Edit menu। এটাতে ক্লিক করেন।
এরকম একটা উইন্ডো ওপেন হবে। সর্ব
বামে উপরে দেখুন লেখা আছে New
Page. নতুন মেনু খুলতে এটাতে ক্লিক
করুন।
এরকম একটা উইন্ডো আসবে। Page
Name বক্সে আপনার নতুন যে পেজ বা
মেনু খুলবেন তার নাম লেখুন। আমি এ
ক্ষেত্রে নাম দিলাম ebook. যেহেতু হোম
পেজের আন্ডারে নতুন পেজটি খুলছি
সেহেতু Parent Page বক্সে কোন
পরিবর্তনের দরকার নাই। নিচে Save
বাটনে ক্লিক করুন। কিছুক্ষন ওয়েট করুন।
দেখুন এই পেজটিতে আবার ফিরে
এসেছে। ebook নামে নতুন একটা মেনু
তৈরী হয়ে গেছে। এখন মেনুটির ডান
পাশে যে এরো চিহ্ণটি রয়েছে তাতে
ক্লিক করুন। চিত্রের মত একটা পপআপ
মেনু আসবে। Propertise এ ক্লিক করুন।
এরকম একটা উইন্ডো আসবে। এখানে
পেজ নেম বক্সে বাংলায় লিখুন এ-বুক
( অথবা আপনি যে নামে পেজ খুলতে
চান ) এই লেখা আপনার মেনুতে শো
করবে।
Web address এ লিখুন ebook। এটা
আপনার ব্রাওজারের এড্ড্রেসবারে শো
করবে। লক্ষ্য করুন, এখানে যে নামটি
দিবেন খুব বড় না হয়, আপনার বিভাগ বা
মেনুটির নাম বড় হলেও এখানে সর্ট
একটি নাম দিবেন। নামের মধ্যে কোন
স্পেস, কমা, দাড়ি, ক্যাপিটাল লেটার
এলাও নয়। আর নামটি আপনি
ইংরেজিতে দেবার চেস্টা করবেন। কারন
বাংলায় নাম দিলে এতে জটিলতা বৃদ্ধি
পাবে।
Title বক্সে বাংলায় লিখুন ই-বুক ( অথবা
আপনি যে নামে পেজ খুলতে চান ) এই
নামটি আপনার ব্রাওজারের পেজ ট্যাবে
শো করবে।
Key word ও description বক্সে সংক্ষেপে
কিছু লিখুন। এটা খুব ইম্পর্ট্যান্ট, গুগল
পেজটা খুজে পেতে এ কাজটি খুব
দরকার। SEO নিয়ে যখন আলোচনা করব
এব্যাপারে বিস্তারিত বলব। পরের দুটি
জায়গায় yes রেখে দিন।
Tags বক্সে কয়েকটি ট্যাগ লিখে দিন।
এটাও গুগল মামুর জন্য। মনে রাখবেন
প্রতিটি ট্যাগের মাঝখানে অবশ্যই একটা
কমা দিবেন।
সর্বশেষ Ok করুন।
কিছুক্ষন ওয়েট করার পর আবার এই
উইন্ডোতে ফিরে আসবে। মনে রাখুন
মেনুটি কিন্তু এখনো পাবলিক দেখতে
পারছে না। আপনার মিনুটির ডান পাশের
এরোটিতে আবার ক্লিক করুন। এখান
থেকে publish এ ক্লিক করুন। এখন মেনুটি
সবাই দেখতে পারবে।
একই ভাবে আপনার অন্যান্ন মেনু গুলো
তৈরী করুন অথবা properties এ গিয়ে
এডিট করুন। কোন মেনু ডিলিট করতে
চাইলে এই পপআপ লিস্ট থেকে Delete
অফশনে ক্লিক করে ডিলিট করতে
পারবেন। মেনুটিকে আগে দিবেন নাকি
পরে দিবেন এই জন্য Move up ও Move
down ব্যাবহার করুন।
এই মেনুর আন্ডারে সাব মেনু খুলতে
চাইলে বাম পাশ থেকে আপনার মেনুটি
সিলেক্ট করুন। উপর new page ক্লিক
করুন। বাদ বাকি স্টেপ একই। সর্বশেষ
কাজ শেষ হলে close বাটনে ক্লিক করুন।
দেখুন আপনার মেনুগুলো তৈরী হয়ে
গেছে এবং বাংলা হয়ে গেছে।
সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট
[পর্ব-০৩]
হ্যালো বন্ধুরা, কেমন আছেন সকলে?
আজ আমি আবার হাজির হলাম সব চেয়ে
সহজ পদ্ধতিতে তৈরী করার ৩য় পর্ব
নিয়ে। আজ আমরা জানব কিভাবে ওয়েব
সাইটে নতুন টপিক পোস্ট করতে হয়।
আসুন তাহলে দেখা যাক,
নিচের ছবিটি দেখুন, আপনি যখন আপনার
এডমিন মুডে আপনার সাইটে প্রবেশ
করেন তখন এরকম একটি বার আপনার
সাইটের উপরে দেখতে পান।
এইজন্য আপনাকে এই বারটির সাহায্য
নিতে হবে। 14 নং এ চিহ্নিত করে রেখছি
দেখুন List। এটাতে ক্লিক করুন। কিছুক্ষন
পর new list নামে একটা অফশন পাবেন।
এটাতে ক্লিক করুন। একটি বক্স আসবে।
ওকে করুন। কিছুক্ষন অপেক্ষা করুন। দেখুন
আপনার সাইটের নিচের দিকে একটি বক্স
চলে এসেছে। এর উপরে আপনার মাউস
পোয়েন্টার নিয়ে গেলে একটা চার
কোনা তারকা চিহ্নের মত আসে। এই
অবস্থায় মাউসের লেফট ক্লিক করে
চেপে ড্রাগ করে আপনার পেজের পছন্দ
মত জায়গায় বক্সটি বসিয়ে দিন। এই
বক্সটি যে ভাবে কাজ করবে-
টেকটিউন্সে দেখবেন হোম পেজে
টিউনগুলো ফিচারেট ইমেজ সহ দেখা
যায়। উপএ হেড লাইন। নিচে কিছু বিবরন।
হেড লাইনে ক্লিক করলে বিস্তারিত
আকারে দেখা যাবে। এটার কাজ ঠিক সে
রকম। ফিচারেট ইমেজ সহ আপনার পোস্ট
গুলো পেজে দেখা যাবে।
কাজ শেষ হলে উপরে দেখুন হলুদ একটি
বার হাজির হয়েছে। এখানে পাবলিশ
বাটনে ক্লিক করুন। লক্ষ্য করুন আপনার
সাইটের প্রতিবারই কোন পরিবর্তন
করলেই এইবারটি হাজির হবে। আপনি
এটাতে পাবলিশ ক্লিক করবেন। তাহলে
পাবলিক আপনার পরিবর্তন টা দেখতে
পারবে।
এখন দেখি নতুন পোস্ট টা কেমন করে
করবেন।
আপনি এখুনি যেই বক্সটা তৈরী করলেন
সেটাতে যে Add Item আছে তাতে
ক্লিক করুন।
এরকম একটি বক্স আসবে। নেম বক্সে
আপনার টপিকের হেড লাইন দিন।
ফিচারেট বক্সে ক্লিক করে ইমেজ
আপলোড করে ইমেজ সিলেক্ট করে
দিলে ফিচারেট ইমেজ হিহাবে তা
দেখাবে।
টপিক লেখার জায়গায় আপনার টপিকের
বিস্তারিত লেখুন।
ট্যাগ বক্সে কয়েকটি ট্যাগ দিন। সব
শেষে Publish বাটনে ক্লিক করুন।
আবার নতুন কোন টপিক লিখতে আবার
Add Item এ ক্লিক করতে হবে এবং একই
প্রকৃয়ায় লিখে পাবলিশ করতে হবে।
এভাবে একপেজে ১০ টি করে টপিক শো
করবে। এবং নতুন ১০ টি এর বেশি টপিক
গুলো নিচের এরোতে ক্লিক করলে পরের
পেজে আবার ১০ টি টপিক দেখাবে।
অবশ্য আপনি চাইলে এক পেজে কয়টি
করে টপিক দেখাবে তা সিলেক্ট করে
দিতে পারেন ডান পাশের settings
অফশনটির মাধ্যমে। এক্ষত্রে আপনার
পেজটি আসলে কেমন দেখাবে দেখতে
আমার সাইটের http://www.chonnochara.com/technology/mobile
দেখতে
পারেন। অথবা http://www.chonnochara.com/tips
আজ তাহলে এই পর্যন্তই। এগুলো নিয়েই
আপাতত প্রাক্টিস করতে থাকুন। আগামী
পর্বে যে সব বিষয় নিয়ে আলোচনা করব
তা হল,
কোন টপিকে কিভাবে ইমেজ ,
এনিমেশন এড করবেন। টপিকের লেখা
কিভাবে ছোট বড়, কালার, বোল্ড
করবেন।
কিভাবে আপনার সাইটে বিভিন্ন
উইজগেড এড করবেন এবং আকর্ষনীয়
কিছু উইজগেডের জন্য HTML কোড।
কিভাবে ফেসবুক বা অন্য সাইটে ছবি
আপলোড করে এখানে শো করেবেন।
( বিশেষ কৌশল। )
অন্য ফাইল হোস্টিং সাইটে গেমস,
সফট, মিউজিক, ভিডিও আপলোড
করে এখানে কিভাবে ডাউনলোড
লিঙ্ক দেবেন।
SEO নিয়ে কিছু কথা এবং কিভাবে
আপনার সাইট কে গুগোল সার্চে
এগিয়ে রাখবেন।
সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট
[পর্ব-০৪]
আপনাকে স্বাগতম। এতদিনে নিশ্চই
প্রত্যেকে একটা একটা করে ওয়েব সাইট
বানিয়ে ফেলেছেন? ওয়েবসাইট তো
হলো, এখন একে সাজাতে তো হবে।
কারন ওয়েবসাইটের গেটআপ যদি ভাল
হয় তবে ভিজিটরদের আকর্ষনও বেড়ে
যায়।
ওয়েবসাইটের সৌন্দর্য বৃদ্ধিতে widgets
এর কোন বিকল্প নাই। অনলাইন ঘাটলে
আপনি হাজার হাজার উইডগেটস পাবেন
আপনার সাইটের জন্য। তবে আপনাকে
খুব সাবধানে আপনার সাইটের জন্য
উইডগেটস বাছাই করতে হবে। কারন
অনেকে আছে যারা অনেক ভারি ভারি
উইডগেটস ব্যাবহার করেন। এতে করে
পেজের লোড বেড়ে যায়। ব্রাওজারে
পেজ লোড হতে অনেক সময় লাগে।
এক্ষত্রে আপনি অনেক ভিজিটর
হারাবেন। আমাকে ব্যাক্তিগতভাবে
মোবাইলে অথবা ফেসবুকে অনেকে http://www.chonnochara.com/
আমার ছন্নছাড়া ওয়েবসাইটে
যেসব
উইডগেটস এড করেছি তার সম্পর্কে
জানতে চেয়েছিলেন। আজকের
টিউটোরিয়ালটি আশা করি তাদের সহ
সকলের কাজে আসবে।
আজ আমি আপনাদেরকে আপনার সাইটে
কিভাবে সুন্দর সুন্দর উইডগেটস এড
করবেন তা দেখাব এবং সেই সাথে
আকর্ষনীয় কিছু উইডগেটস এর ইমবেড
কোড শেয়ার করব। আশা করি আপনাদের
কাজে আসবে। আপনি উইডগেটস গুলো
কেমন লাগবে তার একটা লাইভ ডেমো
দেখতে পারবেন আমার ছন্নছাড়া ওয়েব
সাইটে http://www.chonnochara.com/
গিয়ে।
তাহলে আসুন কাজ শুরু করা যাক, আপনি
আপনার সাইটে যে উইডগেটস যোগ
করবেন তার embed কোড কপি করুন।
তারপর আপনার সাইটে এডমিন মুডে
প্রবেশ করে সাইট এডিটরে প্রবেশ করুন।
( এই কাজটা মনে হয় এখন সবাই পারেন )
আপনার উপরে কন্ট্রোল বারে দেখুন
লেখা আছে Widgets, ক্লিক করুন।
যে পপআপ মেনু আসবে সেখান থেকে
Embed code এ ক্লিক করুন।
এরকম একটা বক্স আসবে। আপনার
কোডটি এখানে পেস্ট করুন। তারপর ওকে
করুন।
দেখুন আপনার সাইটের নিচে এই
উইডগেটস এসে গেছে। আপনি অবশ্য
স্বাভাবিক ভাবে পেজ এডিটরে থাকা
অবস্থায় এই উইডগেটস দেখতে পাবেন
না, তবে Embed code সম্বলিত একটা
বক্স দেখতে পাবেন। এবার এই বক্সটাকে
মাউস ধরে টেনে আপনার পছন্দমত
জায়গায় বসিয়ে দিন। সর্বশেষ Publish
বাটনে ক্লিক করুন।
এখন আপনাদে সামনে কিছু আকর্ষনীয়
Widgets এর Embed কোড শেয়ার করব।
যেগুলো আপনি খুব সহজেই কপি করে
আপনার সাইটে দিতে পারবেন।
বাংলা ক্যালেন্ডার
<script language="javascript"
type="text/javascript" src="http://
www.pallab.com/services/
BanglaDateToday.js">
</script>
Dhaka time Clock
এনালগ ক্লক
<div align="center" style="margin:15px
0px 0px 0px"><div align="center"
style="width:140px;border:1px solid #
ccc;background:#fff;color: #fff;font-
weight:bold"><a href="http://
localtimes.info/Asia/Bangladesh/
Dhaka/"><img src="http://
localtimes.info/images/countries/
bd.png" border="0"
style="border:0;margin:0;padding:0"/
> Dhaka Time</a></div></
div>
<div align="center" style="margin:15px
0px 0px 0px"><div align="center"
style="width:140px;border:1px solid #
ccc;background:#fff;color: #fff;font-
weight:bold"><a href="http://
localtimes.info/Asia/Bangladesh/
Dhaka/"><img src="http://
localtimes.info/images/countries/
bd.png" border="0"
style="border:0;margin:0;padding:0"/
> Dhaka Time</a></div></
div>
<div align="center" style="margin:15px
0px 0px 0px"><div align="center"
style="width:140px;border:1px solid #
ccc;background:#fff;color: #fff;font-
weight:bold"><a href="http://
localtimes.info/Asia/Bangladesh/
Dhaka/"><img src="http://
localtimes.info/images/countries/
bd.png" border="0"
style="border:0;margin:0;padding:0"/
> Dhaka Time</a></div></
div>
এরকম আরো এনালগ ক্লক পেতে এখানে
দেখুন
http://localtimes.info/Asia/Bangladesh/Dhaka/getwidget/analog/
ডিজিটাল ক্লক
<div align="center" style="margin:15px
0px 0px 0px"><div align="center"
style="width:140px;border:1px solid #
ccc;background:#010;color: #010;font-
weight:bold"><a href="http://
localtimes.info/Asia/Bangladesh/
Dhaka/"><img src="http://
localtimes.info/images/countries/
bd.png" border="0"
style="border:0;margin:0;padding:0"/
> Dhaka Time</a></div></
div>
<div align="center" style="margin:15px
0px 0px 0px"><div align="center"
style="width:140px;border:1px solid #
ccc;background:#FF5;color: #FF5;font-
weight:bold"><a href="http://
localtimes.info/Asia/Bangladesh/
Dhaka/"><img src="http://
localtimes.info/images/countries/
bd.png" border="0"
style="border:0;margin:0;padding:0"/
> Dhaka Time</a></div></
div>
আরো কিছু ডিজিটাল ক্লক পেতে
http://localtimes.info/Asia/Bangladesh/Dhaka/getwidget/digital
আপনার সাইট কতজন ভিজিট করলো
জানতে ব্যাবহার করতে পারেন কাউন্টার
উইজগেড, এর উইজগেড কোড নিচে
দেওয়া হল...
<script type="text/javascript">var
counters99_width = 175;var
counters99_height = 200;var
counters99_vars="id=880003_
2&ln=en";</script><script type="text/
javascript" src="http://
static.99widgets.com/counters/js/
javascript.js"></script><noscript><a
href="http://
www.superonlinecasino.com/
gb/">Online casino england</a>, <a
href="http://www.online-poker-
index.com/">Poker Online</a>, <a
href="http://www.amigafx.com/forex-
trading/what-is-forex.html">how to
forex</a>, <a href="http://
www.onlinecasinoau.com/jackpot-city-
online-casino.htm">Jack Pot City</a>,
<a href="http://
www.99counters.com/">counter hit</
a></noscript>
ফেসবুক লাইক বক্স
আপনার সাইটে যদি এরকম একটা ফেসবুক
লাইক বক্স পেতে চান তাহলে আপনার
সাইটের নামে ফেসবুকে একটা ফ্যানপেজ
বানিয়ে ফেলুন। তারপর নিচের কোডটি
এডিট করুন। দেখুন “......” এর মাঝখানে
http://www.facebook.com/
chono.charra
লেখা আছে, যেটা হল আমার সাইটের
ফেসবুক ফ্যানপেজের এড্ড্র্বেস। এর
জায়গায় আপনার ফ্যান পেজের
এড্ড্রেস দিয়ে দিন। তারপর এইকোডটি
কপি করে wisged>embey code এ পেস্ট
করুন। ওকে করুন। পাবলিশ করুন। আপনার
ফ্যানপেজ যে লাইক করবে বা আপনার
সাইটে এসে যে এখানে লাইক বাটনে
ক্লিক করবে তারছবিসহ না ও কতজন
লাইক করেছে তা এখানে দেখাবে।
<div class="fb-like-box" data-
href="http://www.facebook.com/
chono.charra/" data-width="190" data-
show-faces="true" data-
stream="false" data-header="true"></
div>
সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট
[পর্ব-০৫] :: HTML কোডের মাধ্যমে
ওয়েবনোড সাইটে ছবি এড করা
হ্যালো বন্ধুরা, কেমন আছেন সকলে? সব
চেয়ে সহজ পদ্ধতিতে তৈরীর ৫ম পর্বে
আপনাকে স্বাগতম। আমার এক্সাম, ইদুল
আযহা সব মিলিয়ে এবারের টিউন করতে
একটু দেরি হয়ে। এই জন্য প্রথমেই ক্ষমা
চেয়ে নিচ্ছি। এবার আসি আপনাদের
ওয়েব সাইটের খবরে। সবাই এত দিনে
নিশ্চই নিজ নিজ একটা ওয়েব সাইট
তৈরী করে ফেলেছেন। কেমন চলছে
আপনাদের ওয়েব সাইট? আশা করছি
সকলে অনেক সুন্দর সুন্দর ওয়েব সাইট
বানিয়ে ফেলেছেন। অনেকেই ফেসবুকে
তাদের ওয়েব সাইটের লিঙ্ক আমাকে
দিয়েছিলেন। সকলের ওয়েবসাইটই অনেক
সুন্দর হয়েছে। আশা করছি আপনাদের
ওয়েব সাইটকে আরো আপগ্রেড করবেন।
অনেক কথা বলে ফেললাম। চলুন কথা না
বাড়িয়ে আজকের টিউন শুরু করা যাক।
আজ আমরা দেখব কিভাবে HTML
কোডের মাধ্যমে ওয়েবনোড সাইটে ছবি
বা ইমেজ দেওয়া যায়। এজন্য আমাদের
HTML কোড সম্প্ররকে কিছুটা ধারনা
থাকতে হবে। আর যদি নাও থাকে তবুও
সমস্যা নাই। আমি দেখিয়ে দিচ্ছি এটা
কিভাবে করবে। নিচের কোডটির দিকে
খেয়াল করুন......
<img src="http://
files.makingasite.webnode.com/200000
001-64af265abd/Razib101.jpg"/
>
এই কোডটি আমরা সাইটে পেস্ট করব।
তবে তার আগে কোডটি এডিট করে নেব।
Src= এর পর “...............” এর মধ্যে
আমরা নির্দিস্ট ছবির URL বসাব। এ জন্য
আপনি আপনার ছবিটিকে কোন ইমেজ
আপলোডার সাইটে আপলোড করে
এখানে তার লিঙ্ক দিয়ে দিন। আমি
সাধারনত এই কাজের জন্য ফেসবুককে
ইউজ করি। চাইলে আপনিও ফেস বুকে
আপলোড করতে পারেন। ছবি আপলোড
করার পর ছবিটি ওপেন করুন। ছবির উপর
রাইট ক্লিক করে Copy Image Location
এ ক্লিক করুন।উপরের কোডের তারপর
সেটি “............” এর মধ্যে বসিয়ে দিন।
তার পর এই কোডটি আপনার সাইটের
উপরে কন্ট্রোল বারের widgets থেকে
Embed Code এ ক্লিক করুন। একটি বক্স
আসবে।
বক্সের ফাকা ঘরে উপরোক্ত কোডটি
পেস্ট করুন। তারপ ওকে করুন। দেখুন
কোডসহ widgets টি আপনার সাইটের
নিচের দিকে চলে এসেছে। এখন এটিকে
ড্রাগ করে আপনার সাইটের পছন্দ মত
জায়গায় বসিয়ে দিন। সবশেষে পাবলিশ
করুন। এবার আপনার সাইটে নরমাল মুডে
গিয়ে দেখুন ছবিটি চলে এসেছে।
এখন আসুন কোডটিকে আমারা আরো
একটু আপগ্রেডকরি। আপনারা অনেকেই
হয়তো দেখেছেন আমি আমার সাইটে
http://www.techtunes.com.bd/tutorial/tune-id/www.chonnochara.com
বিভিন্ন সাইটের এড দিয়েছি। ঐ ছবির
এডের উপরে ক্লিক করলে নির্দিস্ট
সাইটে চলে যায়। আপনি যদি এরকম
সিস্টেম করতে চান এই কোডটির সাথে
ঐ নির্ধারিত সাইটের লিঙ্ক এড করতে
হবে। তাহলে আসুন দেখি কিভাবে এটা
করা যায়।
এই জন্য আপনাকে উপরোক্তকোডের
আগে নিচের কোডটি যুক্ত করতে হবে।
<a target href=" http://
www.chonnochara.com "
title="CHONNOCHARA">
এখানে href= এরপর “............” এর মধ্যে
আপনার কাক্ষিত সাইটের এড্ড্রেস
লিখুন। এবং title এর জায়গায় আপনার
কাক্ষিত সাইটের নাম বা টাইটেল লিখুন।
অবশ্য টাইটেল না লিখলেও সমস্যা নাই।
তবে টাইটেল যদি লেখেন তবে উক্ত
ছবির উপর যদি মাউস পয়েন্টার নিয়ে
যাওয়া হয় তবে সেই ছবির বা সাইটের
নাম দেখাবে। পুরো কাজটি করার পর
কোডটি দেখাবে এরকম......
<a target href=" http://
www.chonnochara.com "
title="CHONNOCHARA">&l
t;img src="http://
files.makingasite.webnode.com/200000
001-64af265abd/Razib101.jpg"/
>
চলুন কোডটির সাথে আরও কিছু এড করি,
উপরের কোডটি বসালে ছবির উপরে
ক্লিক করলে সরাসরি নির্দিস্ট সাইটে
চলে যায়। এখন আপনি চাচ্ছেন ছবির
উপরে ক্লিক করলে লিঙ্কের এড্ড্রেসে
চলে না গিয়ে অটোমেটিক ব্রাউজারে
নতুন একটা ট্যাব খুলে উক্ত সাইটে
যাবে। সে ক্ষেত্রে আপনাকে উক্ত
কোডের target লেখাটির পরে ="_blank"
লেখাটি যুক্ত করতে হবে। পুরো কোডটি
তাহলে হবে এরকম......
<a target="_blank"
href=" http://
www.chonnochara.com "
title="CHONNOCHARA">&l
t;img src="http://
files.makingasite.webnode.com/200000
001-64af265abd/Razib101.jpg"/
>
এখন কোডটি আপনার সাইটে পেস্ট করুন।
আশা করি, সব কিছু বুঝতে পেরেছেন।
কারো কোথাও সমস্যা হলে অবশ্যই
আমাকে বলবেন। আমিতো আছিই। আর
আপনাদের যদি টিউনটি ভালো লেগে
থাকে তাহলে অবশ্যই কমেন্ট করতে
ভূলবেন না। সকলে ভাল থাকবেন। সি
ইয়া......
সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট
[পর্ব-০৬] :: আপনার সাইটে স্লাইড
শো যোগ করুন
হ্যালো বন্ধুরা, কেমন আছেন সকলে?
আশা করছি সবাই ভাল আছেন। কেমন
চলছে আপনাদের ওয়েব সাইট? নিশ্চই
এতদিনে অনেক সুন্দর করে সাজিয়ে
তুলেছেন।
আজ অনেক দিন পর আমি আপনাদের
সামনে হাজির হলাম সহজ পদ্ধতিতে
ওয়েব সাইট তৈরীর ৬ষ্ঠ পর্ব নিয়ে। আশা
করি আপনাদের ভাল লাগবে। এবারে
আমরা দেখব কিভাবে আপনার সাইটে
ইমবেড কোডের ( HTML কোড ) এর
মাধ্যমে স্লাইড শো দিতে পারেন।
সরাসরি প্রিভিউ দেখুন এখানে
http://www.makingasite.chonnochara.com/slade-show/
এজন্য আপনাকে শুধু নিচের কোডটি কপি
পেস্ট করে Widgets>Embed Code এ
দিতে হবে।
<!-- configurable script -->
<script type="text/javascript">
theimage = new Array();
// The dimensions of ALL the images
should be the same or some of them
may look stretched or reduced in
Netscape 4.
// Format: theimage[...]=[image URL,
link URL, name/description]
theimage[0]=["http://
a4.sphotos.ak.fbcdn.net/hphotos-ak-
ash4/388269_286540138054060_
100000942271618_849978_
1347455580_n.jpg", "", ""];
theimage[1]=["http://
a6.sphotos.ak.fbcdn.net/hphotos-ak-
ash4/376489_286540348054039_
100000942271618_849979_
1536664200_n.jpg", "", ""];
theimage[2]=["http://
a7.sphotos.ak.fbcdn.net/hphotos-ak-
snc7/385828_286542188053855_
100000942271618_849980_
868443634_n.jpg", "", ""];
theimage[3]=["http://
a1.sphotos.ak.fbcdn.net/hphotos-ak-
snc7/393658_286544138053660_
100000942271618_849981_
194976876_n.jpg", "", ""];
theimage[4]=["http://
a3.sphotos.ak.fbcdn.net/hphotos-ak-
ash4/389943_286545961386811_
100000942271618_849982_
1490645583_n.jpg", "", ""];
///// Plugin variables
playspeed=3000;// The playspeed
determines the delay for the "Play"
button in ms
dotrans=1; // if value = 1 then there are
transitions played in IE
transtype='revealtrans';// 'blendTrans'
or 'revealtrans'
transattributes='0';//
duration=seconds,transition=#<24
//#####
//key that holds where in the array
currently are
i=0;
//#########################
##################
window.onload=function(){
//preload images into
browser
preloadSlide();
//set transitions
GetTrans();
//set the first slide
SetSlide(0);
//autoplay
PlaySlide();
}
//#########################
##################
function SetSlide(num) {
//too big
i=num%theimage.length;
//too small
if(i<0)i=theimage.length-1;
//switch the image
if(document.all&&!
window.opera&&dotrans==1)eval
('document.images.imgslide.filters.'+tra
nstype+'.Apply()')
document.images.imgslide.src=theimag
e[i][0];
if(document.all&&!
window.opera&&dotrans==1)eval
('document.images.imgslide.filters.'+tra
nstype+'.Play()')
}
//#########################
##################
function PlaySlide() {
if (!window.playing) {
PlayingSlide(i
+1);
if
(document.slideshow.play){
document.slideshow.play.va
lue=" Stop ";
}
}
else {
playing=clearTimeout
(playing);
if
(document.slideshow.play){
document.slideshow.play.va
lue=" Play ";
}
}
// if you have to change the
image for the "playing" slide
if
(document.images.imgPlay){
setTimeout
('document.images.imgPlay.src="'+imgS
top+'"',1);
imgStop=document.images.imgPlay.src
}
}
//#########################
##################
function PlayingSlide(num) {
playing=setTimeout
('PlayingSlide(i+1);SetSlide(i+1);',
playspeed);
}
//#########################
##################
//desc: picks the transition to apply to
the images
function GetTrans() {
//
si=document.slideshow.trans.selectedIn
dex;
if
((document.slideshow.trans &&
document.slideshow.trans.selectedIndex
== 0) || (!document.slideshow.trans &&
dotrans==0)){
dotrans=0;
}
else if
((document.slideshow.trans &&
document.slideshow.trans.selectedIndex
== 1) || (!document.slideshow.trans &&
transtype == 'blendTrans')){
dotrans=1;
transtype='blendTrans';
document.imgslide.style.filter =
"blendTrans(duration=1,transition=1)";
}else{
dotrans=1;
transtype='revealtrans';
if
(document.slideshow.trans)
transattributes=document.slideshow.tra
ns
[document.slideshow.trans.selectedInde
x].value;
document.imgslide.style.filter =
"revealTrans(duration=1,transition="
+transattributes+ ")";
}
}
//#########################
##################
function preloadSlide() {
for
(k=0;k<theimage.length;k++) {
theimage[k][0]
=new Image().src=theimage[k][0];
}
}
</script>
<!-- slide show HTML -->
<form name="slideshow">
<table border="1" cellpadding="2"
cellspacing="0">
<tr>
<td align="center">
<a href="#"
onmouseover="this.href=theimage[i][1]
;return false">
<script type="text/
javascript">
document.write
('<img name="imgslide" id="imgslide"
src="'+theimage[0][0]+'" border="0">')
</script>
</a>
</td>
</tr>
</table>
</form>
<!-- end of slide show HTML -->
এই কোডটিতে আমার তোলা কিছু ছবি
দেওয়া আছে। আপনি আপনার পছন্দ মত
ছবি এখানে দিতে পারবেন।
এক্ষেত্রে আপনাকে কোডটির কিছু অংশ
এডিট করতে হবে । আসুন দেখি কি কি
এডিট করতে হবে......
নিচের কোডটির একজায়গায় আছে দেখুন
theimage[0]= এরপর “[.........]” (থার্ড
ব্রাকেট ) এর মধ্যে আপনার ইমেজের
লিঙ্ক দিতে হবে। এখানে “.........” এর
মধ্যে আমার ইমেজের লিঙ্ক দেওয়া
আছে। যেমন আমার স্লাইড শোর জন্য
প্রথম ফ্রেমের ক্ষেত্রে http://
a4.sphotos.ak.fbcdn.net/hphotos-ak-
ash4/388269_286540138054060_
100000942271618_849978_
1347455580_n.jpg
এটি হলো প্রথম ইমেজের লিঙ্ক, এই
লিঙ্কের বদলে আপনাকে আপনার
পছন্দের ও কাক্ষিত যে ছবিটি দিতে চান
তার লিঙ্ক দিতে হবে। এখানে আমি
theimage[0], theimage[1], theimage[2],
theimage[3], theimage[4] এভাবে পাঁচটি
ইমেজের জন্য স্লাইড শোর লিঙ্ক
দিয়েছে। আপনি চাইলে আরো বেশি
ইমেজ দিতে পারেন। সেক্ষত্রে
পরবর্তিটা হবে theimage[5]...... এভাবে
চলতে থাকবে। পুরো ইমেজের লিঙ্কটা
এরকম...
theimage[0]=["http://
a4.sphotos.ak.fbcdn.net/hphotos-ak-
ash4/388269_286540138054060_
100000942271618_849978_
1347455580_n.jpg", "", ""];
আশা করি এডিট করতে পেরেছেন। এবার
এটাকে আপনার সাইটে দিতে হবে।
এজন্য আপনি আপনার এডিটকৃত ঐ
লিঙ্ককে কপি করে আপনার সাইটের
Widgets>Embed Code
এরকম বক্স আসবে। এখানে পেস্ট করুন।
ওকে করুন।
অবশেষে পাবলিশ করুন।
আশা করি সব কাজ ভাল মত করতে
পারবেন। কোন সমস্যা হলে অবশ্যই
বলবেন। আর ভাল লাগলে কমেন্ট করতে
ভুলবেন না কিন্তু। সকলে ভাল থাকুন।
সবার জন্য শুভ কামনা রইল। আল্লাহ
হাফেজ।
সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট
[পর্ব-৭] :: সাইটে কমেন্ট বক্স যুক্ত
করা
প্রিয় টেকটিউনের টিউনার বন্ধুরা, আশা
করি সকলে ভাল আছেন। আজ অনেকদিন
পরে আমি আপনাদের মাঝে হাজির
হলাম। সামনে এক্সামের প্রস্তুতি নিনে
অনেক ব্যাস্ততার মধ্যে দিন কাটছে।
তাই নেটের কানেকশনও বন্ধ রেখেছি।
পরিক্ষার জন্য হয়তো অনেকদিন
অনলাইনে আসা হবে না। তবে কথা
দিচ্ছি, মাঝে মাঝে সময় পেলেই অবশ্যই
আপনাদের মাঝে হাজির হব কোন একটা
টিউন নিয়ে। তাহলে কথা না বাড়িয়ে
আজকের মুল টিউনে চলে যাওয়া যাক
সবচেয়ে সহজ পদ্ধতিতে আজ করছি ৭ম
পর্ব। আজ আমি আপনাদের দেখাব
কিভাবে ওয়েবনোড ফ্রী বিল্ডার দিয়ে
তৈরী সাইটে কমেন্ট বক্স যুক্ত করতে
পারেন।
আপনারা নিশ্চই দেখেছেন বিভিন্ন
ওয়েবসাইটে হোমপেজে বা অন্য যেকোন
পেজে প্রবেশ করলে পেজের নিচের
দিকে একটি কমেন্ট বক্স দেখা যায়,
যেখানে ভিজিটররা তাদের কমেন্ট সেই
ওয়েবসাইটে ছেড়ে যায়। এতকরে সাইটের
এডমিন ও অন্যান্নরা সাইটটি সম্পর্কে
ভাল লাগা, চাওয়া পাওয়া ও বিভিন্ন
ধরনের অভিযোগ সম্পর্কে অবগত হতে
পারেন। চাইলে আপনিও আপনার
ওয়েবসাইটে এই ধরনের কমেন্ট বক্স যুক্ত
করতে পারেন।
আপনার সাইটে এই ধরনের কমেন্ট বক্স
যুক্ত করতে আপনার সাইটে প্রথমে
এডমিন মুডে প্রবেশ করুন। এবার যেই
বিবাগে বা পেজে কমেন্ট বক্স দিতে চান
সেই পেজে প্রবেশ করুন। আমি ধরে
নিলাম আপনি হোম পেজেই কমেন্ট বক্স
যুক্ত করবেন। তাহলে হোম্পেজে এসে
উপরে Forum লেখার উপরে ক্লিক করুন।
একটি বক্স আসবে।
এখানে লেখুন ‘ মন্তব্য করুন’ অথবা ‘
আপনার মন্তব্য প্রকাশ করুন’। তারপর
ওকে করুন। দেখুন নিচে আপনার কমেন্ট
বক্স চলে এসেছে। এখানে ভিজিটররা
তাদ্র নাম ও সাব্জেক্ট লিখে কমেন্ট
করতে পারবে।
এছাড়াও আপনি চাইলে আপনার সাইটে
ফেসবুক কমেন্ট বক্সও যুক্ত করতে
পারেন।
এক্ষেত্রে ভিজিটরদের তাদের ফেসবুক
আইডিতে লগইন করা অবস্থায় এখানে
কমেন্ট করতে পারবে। এক্ষেত্রে এখানে
কমেন্টকারীর নাম ও ছবি সহ কমেন্ট
লিপি বদ্ধ থাকবে। আপনি যদি মনে করেন
যে, আপনার সাইটে কমেন্ট বক্স
দেওয়াতে স্পামিং বেশি হচ্ছে তাহলে
আপনি এই সিস্টেম এপ্লাই করতে
পারেন। তাহলে আপনি কমেন্টকারীর
ছবিসহ পরিচয় দেখতে পারবেন। এতে
স্পামিং অনেকাংশে কমে আসবে।
তাহলে আসুন দেখা যাক কিভাবে এই
ধরনের কমেন্ট বক্স যুক্ত করা যায়।
উপরে কন্ট্রোল বক্সে
Widgets>Facebook Comments এ ক্লিক
করুন।
একটি বক্স আসবে, এখানে নাম্বার অফ
কমেন্ট ডিস্প্লেইড বক্সে কতগুলো
কমেন্ট একসাথে দেখা যাবে তা দিন।
এক্ষেত্রে আমি দিলাম ৬।
তারপর ওকে বাটনে ক্লিক করুন। দেখুন
আপনার কমেন্ট বক্স হাজির হয়ে গেছে।
আশা করি সকলে করতে পারবেন। কারো
কোথাও সমস্যা হলে অবশ্যই জানাবেন।
আর পোস্টটি আপনাদের ভাল লাগলে
অবশ্যই মন্তব্য করতে ভূলবেন না।
আজ তাহলে এই পর্যন্তই। সকলে ভাল
থাকবেন। আগামীতে আবার দেখা হবে।
সেই পর্যন্ত আল্লাহ হাফেজ।
সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট
তৈরী [পর্ব-৮] :: সাইটে ফ্ল্যাশ যোগ
করা
ইতিপূর্বে আমি আপনাদের মাঝে
সবচেয়ে সহজ পদ্ধতিতে কিভাবে একটি
পুর্নাংগ ওয়েবসাইট তৈরী করা যায় তা
দেখিয়েছিলাম। নিশ্চই আপনারা
আপনাদের নিজ নিজ পারসোনাল
ওয়েবসাইট বানিয়ে ফেলেছেন এবং
সাজিয়েছেনও অনেক সুন্দর করে। আজ
আমি আপনাদের আর একটু সুন্দর করে
সাজানোর জন্য কিভাবে খুব সহজে
ফ্ল্যাশ তৈরী করে ওয়েবসাইটে যোগ
করবেন তা দেখাব।
এই ফ্ল্যাশ মুলত আপনারা অনলাইনের
একটি সাইট থেকে খুব সহজেই তৈরী করে
নিতে পারবেন এবং নিজ নিজ
ওয়েবসাইটে যোগ করে দিতে পারবেন।
ফ্লাশটি মুলত শুধু ওয়েবনোডই নয় বরং
আপনার যেকোন সাইটে ( যেমন জুমলা,
ওয়ার্ডপ্রেস বা অন্যান্য) যোগ করতে
পারেন।
তাহলে কথা না বাড়িয়ে চলুন কাজে
নেমেপরা যাক। প্রথমেই
http://flashvortex.com/
এই সাইটে
প্রবেশ করুন।
এরকম একটি পেজ পাবেন। ফ্লাশটি
পছন্দ হলে ফ্লাশে ডানদিকের কোনায়
get this flash এ ক্লিক করুন। না পছন্দ
হলে নেক্সট বাটনে ক্লিক করে পরের
ফ্লাশে যান।
পরবর্তী ধাপে আপনার ফ্লাশে কি কি
লেখা যোগ করবেন তা লিখতে হবে।
এখানে আমি যে ফ্ল্যাশ সিলেক্ট করেছি
সেখানে তিন লাইনে লেখা যাবে। তাই
টেক্সট বক্সে আমার পছন্দ মত লেখা য
োগ করলাম।
সবশেষে নিচে Generate Animation
বাটনে ক্লিক করুন।
কিছুক্ষন পর আপনাকে ইমবেড কোড
দেবে। এটি কপি করে আপনার সাইটে
নিয়ে গিয়ে পেস্ট করুন আপনার সাইটের
ধরন অনুযায়ী। ওয়েবনোডের ক্ষেত্রে
widgets>embedcode এ পেস্ট করুন।
http://www.chonnochara.com/index.php/scienceatechnology/tutorial/342-easy-webtutorial-8-flasha-add
এখানে গিয়ে প্রিভিউ দেখুন।
আশা করি করতে পেরেছেন। কারো কোন
সমস্যা হলে অবশ্যই জানাবেন। আজ
তাহলে এই পর্যন্তই। আল্লাহ হাফেজ।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন