আপনাকে স্বাগতম। এতদিনে নিশ্চই প্রত্যেকে একটা একটা করে ওয়েব সাইট বানিয়ে ফেলেছেন? ওয়েবসাইট তো হলো, এখন একে সাজাতে তো হবে। কারন ওয়েবসাইটের গেটআপ যদি ভাল হয় তবে ভিজিটরদের আকর্ষনও বেড়ে যায়।
ওয়েবসাইটের সৌন্দর্য বৃদ্ধিতে widgets এর কোন বিকল্প নাই। অনলাইন ঘাটলে আপনি হাজার হাজার উইডগেটস পাবেন আপনার সাইটের জন্য। তবে আপনাকে খুব সাবধানে আপনার সাইটের জন্য উইডগেটস বাছাই করতে হবে। কারন অনেকে আছে যারা অনেক ভারি ভারি উইডগেটস ব্যাবহার করেন। এতে করে পেজের লোড বেড়ে যায়। ব্রাওজারে পেজ লোড হতে অনেক সময় লাগে। এক্ষত্রে আপনি অনেক ভিজিটর হারাবেন। আমাকে ব্যাক্তিগতভাবে মোবাইলে অথবা ফেসবুকে অনেকে আমার ছন্নছাড়া ওয়েবসাইটে যেসব উইডগেটস এড করেছি তার সম্পর্কে জানতে চেয়েছিলেন। আজকের টিউটোরিয়ালটি আশা করি তাদের সহ সকলের কাজে আসবে।
আজ আমি আপনাদেরকে আপনার সাইটে কিভাবে সুন্দর সুন্দর উইডগেটস এড করবেন তা দেখাব এবং সেই সাথে আকর্ষনীয় কিছু উইডগেটস এর ইমবেড কোড শেয়ার করব। আশা করি আপনাদের কাজে আসবে। আপনি উইডগেটস গুলো কেমন লাগবে তার একটা লাইভ ডেমো দেখতে পারবেন আমার ছন্নছাড়া ওয়েব সাইটে গিয়ে।
তাহলে আসুন কাজ শুরু করা যাক, আপনি আপনার সাইটে যে উইডগেটস যোগ করবেন তার 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>
এরকম আরো এনালগ ক্লক পেতে এখানে দেখুন
ডিজিটাল ক্লক
<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>
আরো কিছু ডিজিটাল ক্লক পেতে এখানে দেখুন
আপনার সাইট কতজন ভিজিট করলো জানতে ব্যাবহার করতে পারেন কাউন্টার উইজগেড, এর উইজগেড কোড নিচে দেওয়া হল...
<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>
আমার আমার ওয়েবসাইটের ফ্যানপেজটি এখানে
আরো হাজার হাজার উইজগেড পেতে এখানে দেখুন
আজ তাহলে এই পর্যন্তই। আশা করি আগামীতে আরো সুন্দর সুন্দর জিনিস নিয়ে আপনাদের সামনে হাজির হয়। সেই পর্যন্ত সকলে ভাল থাকবেন।
আমি রাজিব আহসান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 1 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 28 টি টিউন ও 258 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
বগুড়ার একমাত্র বানান ভূল সর্বস্ব লেখক
আমি আপ্নার নিয়মিত ছাত্র। আমার প্রস্ন হল-
সহজে .com domain name কিভাবে পাব? কিনব কিভাবে? দাম কেমন?
আমি ওয়েবনড দিয়া বানান ওয়েবসাইট দিয়া google adsense এর মাদ্ধমে টাকা আয় করতে চাই। এটা কি সম্ভব?
@Manj:
আপনি গুগল এডসেন্স দিতে চাইলে দিতে পারবেন। তবে সেক্ষেত্রে গুগলের চাহিদা মোতাবেক আপনাকে সাইট বানাতে হবে। সাইট অবশ্যই ইংরেজীতে হতে হবে। মিনিমাম একটা ইউনিক ভিজিটর রিকোয়ার মেন্ট করে, এই চাহিদা পুরন করতে হবে, আপনি টেকটিউন্স ঘাটলে এ সম্প্ররকে আরো বিতারিত জানতে পারবেন। ঐ টিউন গুলো পরুন এবং সে মোতাবেক কাজ করুন তাহলেই হবে।
@princeroney:
ভাই .com ডোমেইন ফ্রী পাবেন কিভাবে। ফ্রী হোস্টিং পেতে পারেন, ফ্রী ডোমেইন পাবেন না। ফ্রীতে শুধু শেয়ার্ড ডোমেইন পেতে পারেন। এছাড়া http://www.co.cc থেকে ও ফ্রী ডোমেইন দেয়। co.cc এর ডোমেইন ফ্রী হইলেও কিন্তু কাজ করে কেনা ডোমেইনের মতই।
আর আপনি যদি ডোমেইন কি্নতে চান তবে অনেক সাইট থেকেই কিনতে পারেন। যেমন একটি সাইটের কথা বলি http://www.namecheap.com এদের এখন একটা ডোমেইনের অফার আছে। সেটা হল ২..৯৯ ডলার দিয়ে কিন্তে পারবেন। তবে প্রতি বছর কিন্তু ডোমেইন রিনিউ কতে হবে। সে ক্ষত্রে রিনিউ চার্জ ১০ ডলার করে। এছাড়া আপনি চাইলে webnode থেকেও ডোমেইন কিনতে পারেন 🙂
ভাইয়া আমি ম্যাপ অ্যাড করার পর রিমুভ করতে পারছি না।দয়া করে একটু সাহায্য করলে উপকৃত হব।
রাজিব আহসান ভাইয়া আপনাকে ধন্যবাদ । ভাইয়া webnode কিভাবে http://www.co.cc ডোমেইনে সেটআপ করতে হবে ? আমার http://www.co.cc তে একটি ডোমেইন রজিস্ট্রেশন করা আছে কিন্তু কিভাবে আমার webnode সাইটি এড করবো বুসতে পারছিনা । প্লিজ জানাবেন ।
রাজীব ভাই, একটু স্পীড বাড়ান ভাই। ডেইলী একটা টিউন করেন। ভালো হইতেছে। Widget এর ভালো কোন লিংক থাকলে দিবেন প্লীজ
সাহায্য চাই…… সাহায্য চাই…… সাহায্য চাই……
ভাই আজ সারা রাত চেষ্টা করেও টিটি তে একটা পোস্ট কোরতে পারলাম না
কেউ কি আছেন এই অধম, নাদান, গাধাটাকে ওয়াডপ্রেস দেখাবেন
টিটিতে রেজিটিসান সহ পোস্ট করা পর্যন্ত স্কীন সট সহ সিখতে চাই।
প্লিজ আমাকে কেউ সেখাবেন?
কেউ সেখালে তার কাছে চির কৃতজ্ঞ থাকব।
জে,কে,আসাদ
ফোন ০১৯১৮-১৯০৬৯৪
ই-মেইল : [email protected]
bro rojib ahsan@ Widgets coad tho sho korsay nah ta ami ki koray pabo bolban ki@sondor tune ar jonno oases donobad apnak
রাজিব আহসান @ ভাই আমি কাউন্টার উইজগেড টি ইন্সটল করলাম কিন্তু ভিজিটর তো ঠিকভাবে count করছে না ! আমি ২ ঘণ্টা আগে সাইট খুললাম কিন্তু এখন টোটাল ভিজিটর দেখাচ্ছে ১৬৩৪৬ জন 😀 । এটা কি তবে ঠিক count ভাবে করে না ? :/
![সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট [পর্ব-০৬] :: আপনার সাইটে স্লাইড শো যোগ করুন](https://dnc.techtunes.io/tDrive/tuner/razib-ahsan/100170/Fecared-Image.gif "সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট [পর্ব-০৬] :: আপনার সাইটে স্লাইড শো যোগ করুন")
![সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট [পর্ব-৭] :: সাইটে কমেন্ট বক্স যুক্ত করা](https://dnc.techtunes.io/tDrive/tuner/razib-ahsan/112548/Fecared-Image.gif "সবচেয়ে সহজ পদ্ধতিতে ওয়েবসাইট [পর্ব-৭] :: সাইটে কমেন্ট বক্স যুক্ত করা")
thanks for share with us. carry on………………