আপনাকে স্বাগতম। এতদিনে নিশ্চই প্রত্যেকে একটা একটা করে ওয়েব সাইট বানিয়ে ফেলেছেন? ওয়েবসাইট তো হলো, এখন একে সাজাতে তো হবে। কারন ওয়েবসাইটের গেটআপ যদি ভাল হয় তবে ভিজিটরদের আকর্ষনও বেড়ে যায়।
ওয়েবসাইটের সৌন্দর্য বৃদ্ধিতে 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 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 28 টি টিউন ও 258 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
বগুড়ার একমাত্র বানান ভূল সর্বস্ব লেখক
thanks for share with us. carry on………………