প্রথমেই সবাই আমার সালাম নিবেন । অনেকেই বলতে পারেন যে টেকটিউনসে বোধহয় Blogspot নিয়ে টিউন করার ধুম পড়ে গেছে একই দিনে Blogspot নিয়ে তিন তিনটি টিউন । আসলে কয়েকদিন পরপর টেকটিউনসে দেখি Google Adsense নিয়ে টিউন হচ্ছে । তা দেখে আমারও ইচ্ছে হল একটি Adsense Account এর মালিক হওয়ার । অনেকেই বলবেন আমি হয়ত এটাকে ছেলের হাতের মোয়া মনে করছি । আমার কথাবার্তা শুনে তা মনে হতেই পারে । ভাই আমি কিন্তু অনেক dengerous public , যেটার পেছনে লাগি সেটার শেষ দেখে ছাড়ি । আজ না হোক কাল না হোক পাঁচ বছর পর হলেও Adsense Account নিয়ে ছাড়ব । ইচ্ছে যখন হইছে তখন আর কি করা । তো দুইদিন আগে Blogspot এ একটা Account খুললাম । তারপর Internet থেকে Free Blogspot Template খুঁইজা তা Install করলাম ।এরপর মনে হইল যে যখন আমার Blogspot এ post থাকব তখন কি রকম দেখা যাবে তা দেখা দরকার । তো একটা blogsite থেকে একটা টিউন কপি কইরা ১৫ বার আমার blog এ post করলাম যেগুলো blog লেখা শুরু করার সময় delete করা হবে । তো প্রয়োজনীয় customize করার জন্য Dashboard থেকে Template এ গেলাম এরপর edit Html এ দিলাম । এরপর যা দেখলাম তা আর বলার মত না । HTML, CSS, Javascript জনার কারণে যা একটু বুঝলাম তা দিয়াই কাজ চলল । এরপর শুরু হইল widget install করা আর delete করার পালা । যেটা ভাল লাগল সেটা রাকলাম আর বাকী গুলারে লাথ্থি দিয়া বাইর কইরা দিলাম । আপনাদের widgetসমন্ধে  একটা  মজার ঘটনা বলি । যা মনে পড়লে আমার নিজের মনে হয় যে আমি ঐ widget এর developer কে কি শিক্ষাটাই না দিলাম । তো শুনুন । আমি আমার blogsite এর নিচে দেখলাম older post আর newer post লেখা কোন page namber এর ব্যবস্থা নাই । তো শুরু হল খোঁজাখুজি । অনেক জায়গাই পাইলাম কিন্তু কোনটাই কাজে এল না । শেষমেশ এক blogger এর blog থেকে widget টি install করলাম । তাতে কাজ হল । কিন্তু যখন আমার blog খুললাম তখন দেখি যে ঐ developer আমারে Emami Fair And Handsome এর লগে shampo ফ্রি দিছে । যে shampo মাথায় দিমু আমি কিন্তু চুল সুন্দর হইব ঐ developer এর । আপনারা ভাবতাছেন যে widget এর মধ্যে shampo আইল কইথ্থিকা , দাড়ান বুঝাইয়া বলতাছি । টেকটিউনসে যেমন একপেজ থেকে অন্য পেজে যাওয়ার জন্য NUMBERED PAGE NAVIGATOR আছে তেমনটি আমি আমার blog এ লাগাতে চেয়ছিলাম । ঐ developer এর blog থেকে তা সুন্দরভাবে লাগাইছিলাম । কিন্তু সমস্যা হইল page navigater এর নিচে ঐ developer “Grab THIS WIDGET” লিখে লেখাটিতে নিজের সাইটের Link embed করে দিছে । এটা বাদ দেয়ার জন্য Code edit করতে গেলাম । এটার HTML কোড দেখে বুঝলাম যে এটা বাদ দেওয়ার জন্য Javascript code edit করতে হবে । তো Javascript code edit করতে গিয়ে দেখি যে Javascript file টি embed করা যা কিনা GOOGLE এর server upload করা তখন বুঝলাম যে ঐ developer কত চালাক । আমিও কম যাইনা  Javascript এর link টি browser এর address bar এ লিখে enter দিলাম । তো দেখি save করার option পাইলাম । save করে যখন খুললাম তখন মনে হল ‘আব উট আয়া পাহাড় কি নিচে’ মানে ঐ script টি পেয়ে গেলাম । তারপর ঐ widget টি থেকে প্রয়োজনীয় HTML code রেখে বাকীটা আমার Blogspot থেকে Delete করে দিলাম । এরপর notepad এ নিজেই HTML আর Javascript এর সমন্বয় ঘটালাম । কিন্তু ঐ developer এর link টা code করা হইছিল JASON দিয়ে যার code জীবনেও দেখি নাই । কিন্তু দেখলাম যে একটা বিশেষ Character দিয়ে GRAB THIS WIDGET এবং Link টা code করা তখন খুশিতে লাফ দিলাম । GRAB THIS WIDGET এর যায়গায় BACK TO HOMEPAGE লেখলাম আর লিংকটার structure বের করে আমার blog এর লিংক বসাইয়া দিলাম । এরপর আমার blogspot এর layout এ গেলাম গিয়া add HTML/JAVASCRIPT খুলে codeগুলি বসাইয়া দিলাম । এরপর save কইরা গেলাম আমার blog এ গিয়া দেখি নাহ্ পরিশ্রম বৃথা যায় নাই । কাজ হইছে । এখন GRAB THIS WIDGET এর জায়গায় BACK TO HOMEPAGE দেখায় আর এটাতে click করলে Homepage এ নিয়া যায় । তো এই হইল widget কাহিনী । আশা করি আপনাদের ভাল লাগছে । ‌‌তো এরপরে হাত দিলাম social widget এর কাজে আর যথারীতি প্রথমেই FACEBOOK . তো অনেক widget ই ট্রাই করলাম কিন্তু কোনটাই মনের মত হলনা । আমি আবার একটু শৌখিন টাইপের । যতখন না মনেরমত পাওয়া যায় ততক্ষন চলতে থাকে বদলাবদলির কাজ ।তো অনেক বদলাবদলির পর মনে হল টেকটিউনসের মত লাগাইলে কেমন হয় । যে ভাবা সে কাজ শুরু হল খোঁজাখুজি । এবার আর বেশী বেগ পেতে হল না । কিন্তু কাকতালীয়ভাবে সেটা আবার পাওয়া গেল ঐ developer এর সাইটেই । কিন্তু যেহেতু এটা FACEBOOK এর APPLICATION সেহেতু তিনি এবার আর কেরামতি দেখানোর সুযোগ পেলেন না  । তো আমি এটা আমার সাইটে লাগালাম । যেহেতু এখনো আমার সাইটের কোন FACEBOOK PAGE নেই সেহেতু অন্য একটা সাইটের পেজের LINK দিলাম । তো দেখলাম যে LIKE BOX টা একেবারে টেকটিউনসের মত দেখাচ্ছে । তো এ LIKE BOX টা কিভাবে আপনাদের সাইটে ADD করবেধ এটা দেখাতে  এলাম । তাহলে চলুন শুরুকরি :

প্রথমে আপনার blogger এর dashboard এ যান । এরপর সেখান থেকে Layout এ যান । এবার নিচের ছবির দেখানো ফাইলটি খুলুন । ফাইলটি খোলার জন্য edit এ click করুন।

দেখবেন নিচের মত একটি dailog box open হবে ।

এবার নিচের code গুলো এটাতে paste করুন:

<iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fcatswhocode&amp;width=280&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=260' style='border:none; overflow:hidden; width:280px; height:260px;'/></iframe>

এবার নিচের ছবিটি দেখুন:

highlight করা catswhocode এর যায়গায় আপনার পেজেরwww.facebook.com/এর পরে যা থাকে তা বসিয়ে দিন । অর্থাৎ আপনার facebook page এর link যদি  হয় http://www.facbook.com/techworld তাহলে আপনি লিখবেন techworld । height ও width set করার জন্য নিচের ছবিটি দেখুন :

height change করার জন্য 260 এর জায়গায় আপনার valueও width change করার জন্য 280 এর জায়গায় আপনার value বসিয়ে দিন । তারপর save করে বেরিয়ে আসুন ।

সবকিছু ঠিক থাকলে এবার আপনার সাইটে গিয়ে নিচের ছবির মত facebook social widget দেখতে পাবেন ।

আমি অভ্র দিয়ে বাংলা লেখি । এ টিউনটি লিখতে ৫ ঘন্টা সময় লেগেছে  । আশা করি আমার পরিশ্রম সার্থক হবে । আর কমেন্ট করতে ভুলবেন না যেন । ভাল সারা পেলে টেকটিউনসের মত Numbered Page Navigation আপনার blogspot এ যুক্ত করার টিউন শীঘ্রই করা হবে । সবাই ভাল থাকবেন আর নামাজ পড়বেন ।