ADs by Techtunes ADs
ADs by Techtunes ADs

একটি ব্লগ এর আত্মকাহিনী+আপনার BLOGSPOT এ টেকটিউনসের মত FACEBOOK LIKE BOX দেখান ।

প্রথমেই সবাই আমার সালাম নিবেন । অনেকেই বলতে পারেন যে টেকটিউনসে বোধহয় 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 করবেধ এটা দেখাতে  এলাম । তাহলে চলুন শুরুকরি :

ADs by Techtunes ADs

প্রথমে আপনার 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 করার জন্য নিচের ছবিটি দেখুন :

ADs by Techtunes ADs

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

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

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

ADs by Techtunes ADs
Level New

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

আমার নাম মাহমুদ উর রশীদ ।আমি কুমিল্লা জিলা স্কুলের দশম শ্রেণীতে পড়ি । আমার ইচ্ছে FREELANCING করে নিজের টাকায় পড়াশোনা করা যদিও আমার মা-বাবা আর ভাইয়া আমার পড়ালেখার পেছনে টাকা-পয়সা ব্যয় করতে কোনো কার্পন্য করেন না । তাই আমি web designing ও development এর কাজ শিখে চলেছি । আমার বিশ্বাস...


টিউনস


আরও টিউনস


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


টিউমেন্টস

ঘুমে ধরছে । যাই ঘুমাইতে যাই ।

ভাল হইছে ভাই। চালায়া যান আমরা আপনার পিছে আছি।

@sopth: ভাই কেন ফালতু হইল একটু বললে ভাল হইত ।

পোষ্ট পরিচ্ছন্ন করে লেখার দরকার কিছু কেমন জানি এলোমেলো সব
টিপসটা আগেই জানা ছিলো আবার জানানোর জন্য ধন্যবাদ

Level New

vai, ami amr blogspot site a download kora template add korar kn option pacci na.kvb korbo janale khusi hobo.

balo hosse vai.apnar kotamoto korar pao amon:http://e-sportsworld.blogspot.com.holo.highlight করা catswhocode এর যায়গায় আপনার পেজেরwww.facebook.com/এর পরে যা থাকে তা বসিয়ে দিন । অর্থাৎ আপনার facebook page এর link যদি হয় http://www.facbook.com/techworld তাহলে আপনি লিখবেন techworld pagebook link ta ki vai ta to bujlam na ?

    @small worker: ভাই ফেসবুক লিংকটা হচ্ছে যখন আপনি আপনার website এর FACEBOK FAN PAGE এ থাকেন তখন BROWSER এর ADDRESS BAR এ যে লিংকটা থাকে ঐটাই আপনার FACEBOOK FAN PAGE LINK ।
    আর আপনার BLOGSPOT থেকে ঘুরে আসলাম FACEBOOK LIKE BOX টা তো খুব সুনদরভাবে কাজ করতেছে ।

ভালো টিউন।।

vi, kono kaz hoi nai.

link vul mone hoi.
message dai::Could not retrieve the specified page. Please verify correct href was passed in.

aktu check kore dekhen:: http://webbasemoneyearning.blogspot.com

    @Imdadul haque Jewel: @Imdadul haque Jewel: ভাই আপনার ব্লগস্পট থেকে ঘুরে আসলাম এবং যা বুঝলাম তা হল আপনি ঠিকভাবে লিংক বসাইতে পারেন এজন্য plugin টা আপনার page খুঁজে পাচ্ছে না এ কারণে এ রকম সমস্যা হচ্ছে । আপনি আপনার facebook fan page এর লিংকটা দেন । কি কোড বসাতে হবে তা আমি আপনাকে GENERATE করে দিচ্ছি ।

@মোঃ আল-আমিন হুসাইন: ভাই সবার রুচিবোধ ভিন্ন ভিন্ন হবে এটাই স্বাভাবিক । ধন্যবাদ আপনার মন্তব্যের জন্য ।

amar blospot a ai link ta dekai na.. akon ami ki kortay pare? ami amar slide slow ar picture change kortay cai kintu parce na akon ami ki koraty pare……amar blog…………….bcks2010.blogspot.com

    @mahmud sheikh: ভাই আপনার সমস্যাটার সমাধান মন্ত্যব্যের মাধ্যমে দেওয়া সম্ভব নয় । তাই আপনার সমস্যা টা নিয়ে একটি টিউন করব । আশা করি দুই একদিনের মধ্যে পেয়ে যাবেন ।

thank you brother ami kortay parayce

    @mahmud sheikh:সর্বনাশ ভাই আপনার ব্লগস্পট থেকে ঘুরে আসলাম আপনি দেখি আমার Blogspot এ যে Template আছে সেটাই Install করছেন । তবে আমার Template টাতে অনেক Customization করা হয়েছে । যেমন ধরুন Blog Archive টি Techtunes এর Time Travel এর মত ডিজাইন করা হয়েছে , Slider এর Image ও Caption Change করা হয়েছে । Background Change করা হয়েছে ,Newer Post ও Older Post Button গুলি বাদ দিয়ে Numbered Page Navigator লাগানো হয়েছে , Post গুলোর চারদিকে Border লাগানো হয়েছে ইত্যাদি ইত্যাদি ।

akon ami amar slide show ar picture change kortay cai please help me

    @mahmud sheikh: বললাম তো ভাই আপনার সমস্যাটার সমাধান মন্ত্যব্যের মাধ্যমে দেওয়া সম্ভব নয় । তাই আপনার Slider Image Change করা নিয়ে একটি টিউন করা হবে এবং আল্লাহর রহমতে তা দুই একদিনের মধ্যে পেয়ে যাবেন ।

টিউনটা ভাল হইছে তবে উপরের লেখা গুলু আরো সাজিয়ে গুছিয়ে লিখলে আরো সুন্দর হইত,ধন্যবাদ টিউনের জন্য।

Level 0

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

ভাই আমারটা যদি একটু দেখে দিতেন ভালো হত আমার ব্লগ http://hossianblog.blogspot.com

ধন্যবাদ স্বপ্নবাদী সিফাত ভাই কাজ হয়েছে