Posts

Showing posts from January, 2019

ব্লগে যুক্ত করুন একটি আকর্ষণীয় Floating Twitter Twits Box

Image
Floating twitter box ব্লগ এবং ওয়েবসাইটের জন্য খুবই জনপ্রিয় একটি Widget. এটি আপনার ব্লগে ভিজিটর বাড়ীয়ে নিতে সাহায্য করবে। তাছাড়া এটি ব্যবহার করার ফলে আপনার ব্লগের সুন্দর্যও বৃদ্ধি পাবে। এই ধরনের উইজেট বড় বড় ব্যবসায়িক ওয়েবসাইট থেকে শুরু করে বিভিন্ন পার্সোনাল ব্লগেও ব্যবহার করতে দেখা যায়। এই উইজেটটি Blogger এবং WordPress দুই ধরনের ব্লগেই ব্যবহার করতে পারবেন। এটি সাধারনত ব্লগের ডান পাশে হাইড করা অবস্থা থাকবে, কিন্তু যখন আপনার কম্পিউটার মাউস এটির উপরের ধরবেন, তখন সাথে সাথে স্লাডিং করে বেরিয়ে আসবে। কাজেই এটি যে কোন ভিজিটরের মনোযোগ আকর্ষণ করতে সক্ষম হবে। লাইভ ডেমো দেখুন - Live Demo ব্লগে যুক্ত করার পদ্ধতীঃ প্রথমে আপনার ব্লগার একাউন্টে লগইন করুন। তারপর ব্লগার ড্যাশবোর্ড হতে Layout এ ক্লিক করুন। এখন ডান পাশের লেআউট হতে Add Gadget এ ক্লিক করুন। তারপর HTML/JavaScript এ ক্লিক করুন। এবার নিচের কোডগুলি কপি করে HTML/JavaScript এর ঘরে পেষ্ট করুন। <style type="text/css"> img,a {border:0;} #twitter-floating {visibility:visible;} #pro-twitter { width:246px; height:353px; overflow:hidd

ব্লগে যুক্ত করুন Scrolling Facebook Popup Like Box!

Image
ব্লগ কিংবা ওয়েবসাইটে Facebook Like Box যুক্ত করার অর্থ হচ্ছে এর মাধ্যমে কিছু ফেইসবুক ফ্যান বাড়িয়ে নেওয়া। তাই বেশীরভাগ ক্ষেত্রেই দেখা যায় যে, প্রায় প্রত্যেক ব্লগের ডান পাশে একটি Facebook Like Box রয়েছে। এই Facebook Like Box এর মাধ্যমে ভিজিটররা ব্লগ থেকে আপনার ফ্যান পেইজে লাইক দিয়ে থাকেন, যাতে তারা ভবিষ্যতে ফেইসবুকের মাধ্যমে আপডেট পোষ্ট গুলি দেখতে পায়। এ ক্ষেত্রে দেখা গেছে Facebook Like Box ব্লগের ডান পাশের Layout এ থাকার কারনে অনেকের দৃষ্টিগোচর হয় না। আর আপনি যদি এটিকে একটু ট্রিকস কাটিয়ে Popup এ দিতে পারেন তাহলে কেমন হতো, নিশ্চয় এটি সহজেই ভিজিটরদের দৃষ্টিগোচর হত। আমি যে Facebook Popup Like Box টি শেয়ার করছি এটি অত্যান্ত সুন্দর এবং স্টাইলিস্ট। ভিজিটররা ভিজিট করার সময় এটি আপনার ব্লগের উপর থেকে Scrolling করে নিচের দিকে নামবে, যা এটিকে আরও আকর্ষণীয় করে তুলবে। তাছাড়া আপনি ইচ্ছা করলে এটিতে বিভিন্ন ধরনরে কালার ইফেক্ট দিতে পারবেন। এখাণ থেকে লাইভ ডেমো দেখুন - Live Demo কিভাবে যুক্ত করতে হয়? প্রথমে আপনার ব্লগে লগইন করুন। তারপর Template > Edit Html এ ক্লিক করুন। তারপর কিবোর্ড হতে Ctrl+F চেপে

ব্লগার Static Page এ আকর্ষণীয় Responsive Contact Form যুক্ত করুন!

Image
আজকের এই Contact Form টি শুধুমাত্র আমার ব্লগে ব্যবহার করার জন্য তৈরি করেছিলাম, কিন্তু ব্লগের অধিকাংশ ভিজিটর কর্তৃক এই ফরমটি পছন্দ ও অনুরোধ করার কারনে শেষ পর্যন্ত সবার সাথে শেয়ার করতে বাধ্য হলাম। উল্লেখ্য যে, আমরা ইতোপূর্বে আরেকটি আকর্ষণীয় Contact Form শেয়ার করেছিলাম। এই লিংক থেকে পোষ্টটি দেখে নিবেন। আশাকরি ফরমটি সকলের পছন্দ হওয়ার পাশপাশি ব্লগের ভিজিটরদের সাথে যোগাযোগ স্থাপন করতে সক্রিয় ভূমিকা পালন করবে। গুগল ব্লগার ব্লগের যোগযোগ রক্ষার জন্য ডিফল্টভাবে একটি Contact Form গেজেট রেখেছে। তবে ফরমটির ডিজাইন মানসম্মত না হওয়ার কারনে অনেকই এই গেজেটটি ব্যবহার করতে চান না। আবার যারা ওয়েব ডিজাইন সম্পর্কে ভাল জ্ঞান রাখেন তারা বিভিন্ন সিএসএস যুক্ত করে কাস্টমাইজ করার মাধ্যমে ডিফল্ট Contact Form টিকে আকর্ষণীয় করে তাদের ব্লগে ব্যবহার করে থাকেন। আমরা আজ যেটি তৈরি করেছি সেটিতে বেশ কিছু ডিজাইন ও ফিচার্স রাখা হয়েছে। আশাকরি ফরমটি আপনাদের ভাল লাগবে। লাইভ দেখুন Contact Form টির ফিচার্সঃ আজকের এই আর্ষণীয় Responsive Static Page Contact Form টিতে আমরা কিছু নতুন ফিচার্স ও ডিজাইন যুক্ত করেছি। নিচে সংক্ষেপে ফিচার্স

ব্লগার Static Page এ আকর্ষণীয় Contact Form যুক্ত করুন!

Image
কোন ধরনের ই-মেইল এড্রেস ছাড়াই ব্লগের ভিজিটরদের আপনার সাথে যোগাযোগ করার একটি সহজ উপায় হচ্ছে Contact Form. এটি ব্যবহার করে যে কেউ আপনাকে তাদের সমস্যাসহ বিভিন্ন ধরনের Community তৈরিতে সহায়তা করতে পারে। ব্লগে Contact Form ব্যবহার করার জন্য গুগল ব্লগার ডেভেলপার টিম ডিফল্টভাবে একটি Contact Form Widget যুক্ত করার অপশন রেখেছে কিন্তু এই উইজেটটির স্টাইল ভাল না হওয়ার কারনে অনেকে এটি ব্যবহার করতে চায় না। অধিকন্তু এটি কেবল ব্লগের বিভিন্ন সেকশনে শুধুমাত্র উইজেট হিসেবে ব্যবহার করতে হয় অর্থাৎ ব্লগ পোষ্টের ভীতরে কিংবা Static Page এ ব্যবহার করার সহজ কোন উপায় নেই। অধিকাংশ ওয়েব ডেভেলপাররা সাধারণত Contact Form তাদের ব্লগের পোষ্টে কিংবা Static Page এ ব্যবহার করতে চান। সে জন্য সবার বিষয়টি বেবেচনা করে আজ আমরা যেটি শেয়ার করছি সেটি আপনার ব্লগ পোষ্টসহ যে কোন Static Page এ ব্যবহার করতে পারবেন। তাছাড়াও এটির ডিজাইন আপনাদের বা যে কোন পাঠকের দৃষ্টি আকর্ষণ করতে পারবে বলে আমি মনেকরি। লাইভ দেখুন কিভাবে ব্লগে যুক্ত করবেন? প্রথমে আপনার ব্লগে লগইন করুন। তারপর ব্লগার ড্যাশবোর্ড হতে Layout অপশনে ক্লিক করুন। এখন ডান পাশের La

ব্লগার ব্লগে যুক্ত করুন Email Subscription উইজেট (V-2)

Image
আমরা ইতিপূর্বে কয়েকটি আকর্ষণীয় Email Subscription Form উইজেট আপনাদের সাথে শেয়ার করেছি। এবারও আপনাদের সাথে আরেকটি Email Subscription Form উইজেট শেয়ার করব। আসলে প্রত্যেক ব্লগেই Email Subscription Form থাকা একান্ত প্রয়োজন। কারণ এটি আপনার ব্লগের Subscriber বাড়িয়ে নিতে সাহায্য করবে। যে কোন ব্লগের Subscriber যখন বাড়তে থাকবে তখন ভিজিটরও বাড়তে থাকবে। উপরের চিত্রে Email Subscription Form উইজেট এর ডেমো দেখতে পাচ্ছেন। এটি সম্পূর্ণ Css3 এর সমন্বয়ে তৈরি করা হয়েছে। আপনি ইচ্ছে করলে এটাকে আপনার মনেরমত করে কাষ্টমাইজ করতে পারবেন। তাছাড়া বাটনগুলি কিছু অতিরিক্ত 3D Css3 ইফেক্ট দেয়া হয়েছে। আশাকরি আপনার কাছে উইজেটটি ভাল লাগবে। লাইভ দেখুন- Live Demo সকল পোষ্ট দেখুন ১. ব্লগার ব্লগে যুক্ত করুন Email Subscription Form উইজেট-১ ২. ব্লগার ব্লগে যুক্ত করুন Email Subscription Form উইজেট-২ ৩. ব্লগার ব্লগে যুক্ত করুন Email Subscription Form উইজেট-৩ ৪. ব্লগার ব্লগে যুক্ত করুন Email Subscription Form উইজেট-৪ কিভাবে যুক্ত করবেনঃ প্রথমে আপনার ব্লগে লগইন করুন। ব্লগার ড্যাশবোর্ড হতে Layout এ ক্লিক করুন। এখন ডান পাশের Layout

ব্লগারের জন্য আরেকটি Email Subscription Form উইজেট

Image
আমরা ইতিপূর্বে একটি আকর্ষণীয় Email Subscription Form উইজেট আপনাদের সাথে শেয়ার করেছি। এখান থেকে ইচ্ছে করলে পোষ্টটি দেখে আসতে পারেন। আমি গত পোষ্টেও এ কথাগুলি বলেছিলাম যে, আপনি এত কষ্টকরে স্বাদের একটি ব্লগ তৈরী করলেন, তারপর যদি ব্লগে কোন পাঠক (Reader) না থাকে তাহলে এর কোন মানেই হয় না। আপনার ব্লগের সার্থকতা তখনই পূর্ণ হবে, যখন ব্লগে প্রচুর পরিমানে পাঠক (Reader) এবং Subscribers পাবেন। তবে Subscriber পাওয়ার জন্য পাঠকদের Subscribe অপশন দিতে হবে। তা না হলে পাঠকরা ব্লগ পড়ে চলে যাবে কিন্তু Subscribe করতে পারবে না। আর এই Email Subscription হচ্ছে সাবস্ক্রাইবার বাড়ীয়ে নেওয়ার সহজ উপায়। আমরা আজ যে, Email Subscription Form শেয়ার করবো সেটি অত্যান্ত আকর্ষণীয় একটি Form. এটিতে Email Subscription অপশন এর পাশাপাশি সোসিয়াল মিডিয়া বাটন সংযুক্ত করে দেয়া আছে, যা আপনার সোসিয়াল মিডিয়া গুলির সাব্সক্রাইবারও বাড়ীয়ে নিতে সাহায্য করবে। লাইভ ডেমো আমার ব্লগের সাইডবারেই দেখতে পাচ্ছেন। সকল পোষ্ট দেখুন ১. ব্লগার ব্লগে যুক্ত করুন Email Subscription Form উইজেট-১ ২. ব্লগার ব্লগে যুক্ত করুন Email Subscription Form উইজেট-২ ৩.

ব্লগারের জন্য একটি আকর্ষণীয় Email Subscription Form উইজেট

Image
আপনি এত কষ্টকরে স্বাদের একটি ব্লগ তৈরী করলেন, তারপর যদি আপনার ব্লগের কোন পাঠক (Reader) না থাকে তাহলে এর কোন মানেই হয় না। আপনার ব্লগের সার্থকতা তখনই পূর্ণ হবে যখন আপনার ব্লগে প্রচুর পরিমানে পাঠক (Reader) এবং Subscribers পাবেন। তবে Subscriber পাওয়ার জন্য আপনি আপনার পাঠকদের Subscribe অপশন দিতে হবে। তা না হলে আপনার পাঠকরা ব্লগ পড়ে চলে যাবে কিন্তু Subscribe করতে পারবে না। আর এই Email Subscription হচ্ছে সাবস্ক্রাইবার বাড়ীয়ে নেওয়ার সহজ উপায়। বেশীরভাগ টপ লেভেলের ব্লগার কিংবা ডেভেলপাররা তাদের সাইটে FeedBurner ব্যবহার করে তাদের সাইটে Email Subscription Form ব্যবহার করে থাকেন। কারণ FeedBurner হচ্ছে গুগলের একটি Feed Reader সাইট। এই জন্য ডেভেলপাররা এটিকে বেশী প্রাধান্য দেন। FeedBurner সম্পর্কে বিস্তারিত জানতে চাইলে এই লিংকটি পড়ে আসতে পারেন। এখানে আমরা FeedBurner ব্লগে যোগ করার কৌশলসহ এ সম্পর্কে বিস্তারিত আলোচনা করেছি। আমরা যেটি আজ শেয়ার করবো সেটি অত্যান্ত আকর্ষণীয় একটি Email Subscription Form. এটিতে Email Subscription অপশন এর পাশাপাশি রিডার কাউন্ট এবং সোসিয়াল মিডিয়া সংযুক্ত করে দেওয়া আছে। যা আপনার

প্রশ্নের আলোকে গুগল AdSense সংক্রান্ত সকল সমস্যার সংক্ষিপ্ত সমাধান!

Image
গুগল এ্যাডসেন্স হচ্ছে ইন্টারনেট ভিত্তিক একটি বিজ্ঞাপনী সংস্থা যেটি গুগল নিজে পরিচালনা করছে। ব্লগ এবং ওয়েবসাইটে বিজ্ঞাপ ব্যবহার করে অনলাইন থেকে টাকা উপার্জনের যত উপায় আছে তার মধ্যে AdSense হচ্ছে সবচেয়ে জনপ্রিয়। তারপরও সবার মনে কিছু প্রশ্ন জাগে যে, এটা কি আসলে সত্য বা সম্ভব? আমি কি সব সময় Google AdSense থেকে টাকা উপর্জন করতে পারবো? আমি কি ওখান থেকে ‍উপার্জিত টাকা দিয়ে সব কিছু চালিয়ে যেতে পারবো? আমাদের ব্লগে ইতোপূর্বে গুগল এ্যাডসেন্স বিষয়ে অনেক পোষ্ট রয়েছে। তারপরও ফেইসবুক কমিউনিটি পেজে অনেকে বিভিন্ন সময়ে ছোট ছোট প্রশ্ন করে থাকেন। অনেক সময় কাজের ব্যস্ততায় ঐ সহজ প্রশ্নগুলির উত্তর না দিয়ে এড়িয়ে যেতে হয়। সে জন্য আজ আমি সকল ছোট প্রশ্নগুলির উত্তর প্রশ্নভিত্তিক আলোচনার মাধ্যমে সবার সমনে সহজ ও বোধগম্য ভাষায় উপস্থাপন করব। পোষ্টটি শুরু করার পূর্বে আপনাদের একটি বিষয় জানিয়ে দিচ্ছি যে, গুগল এ্যাডসেন্ স গত ২৬ সেপ্টেম্বর ২০১৭ তারিখ হতে বাংলা ভাষা সাপোর্ট করছে। বিষয়টি যারা এখনো জানেন না তারা অবগত হয়ে তাদের বাংলা ব্লগের মাধ্যমে গুগল এ্যাডসেন্সর জন্য আবেদন করতে পারেন। উল্লেখ্য যে, আমাদের প্রযুক্ত ডট কম ব্ল

ব্লগার ব্লগে যুক্ত করুন Email Subscription Form উইজেট

Image
অনেক দিন পর ব্লগে লিখতে বসলাম। পরীক্ষার কারনে লিখতে বসেও কেন জানি মনোযোগ আসছিল না। ব্লগে না লিখার জন্য বারবার চেষ্টা করেও পরলাম না। শেষ পর্যন্ত লিখতে বাধ্য হলাম। আজ আপনাদের সাথে আরেকটি Email Subscription Form উইজেট শেয়ার করবো। এ রকম উইজেট ইতিপূর্বে আপনাদের সাথে দু’বার শেয়ার করেছি। তারপরও আজ ভিন্ন ডিজাইনের আরেকটি Email Subscription Form উইজেট শেয়ার করছি। আপনি এত কষ্টকরে স্বাদের একটি ব্লগ তৈরী করলেন, তারপর যদি আপনার ব্লগের কোন পাঠক (Reader) না থাকে তাহলে এর কোন মানেই হয় না। আপনার ব্লগের সার্থকতা তখনই পূর্ণ হবে যখন আপনার ব্লগে প্রচুর পরিমানে পাঠক (Reader) এবং Subscribers পাবেন। তবে Subscriber পাওয়ার জন্য আপনি পাঠকদের Subscribe অপশন দিতে হবে। তা না হলে আপনার পাঠকরা ব্লগ পড়ে চলে যাবে কিন্তু Subscribe করতে পারবে না। আর এই Email Subscription হচ্ছে সাবস্ক্রাইবার বাড়ীয়ে নেওয়ার সবচেয়ে সহজ উপায়। ডেমো দেখুন - Live Demo সকল পোষ্ট দেখুন ১. ব্লগার ব্লগে যুক্ত করুন Email Subscription Form উইজেট-১ ২. ব্লগার ব্লগে যুক্ত করুন Email Subscription Form উইজেট-২ ৩. ব্লগার ব্লগে যুক্ত করুন Email Subscription

ব্লগে আকর্ষণীয় List Label এবং Cloud Label Widget যুক্ত করুন!

Image
ব্লগার ব্লগে Label নামে অত্যান্ত কাজের একটি Widget রয়েছে। এটি ব্যবহার করে একটি ব্লগের সকল Label গুলি পাঠকের সামনে উপস্থাপন করা যায়। এতে করে পাঠকরা সহজে তার পছ্ন্দমত Label এর পোষ্টগুলি পড়ে নিতে পারেন। ডিফল্টভাবে এই উইজেটটি দেখতে তেমন আকর্ষণীয় মনে হয় না বিধায় অনেকেই এটি ব্যবহার করতে চান না। তবে যে কেউ চাইলে এটিকে তার পছন্দ অনুসারে ডিজাইন করতে পারেন। সবার পছন্দের বিষয়টি বিবেচনা করে আমরা এই উইজেটিকে দুটি ডিজাইন করে শেয়ার করছি। পোষ্টটিতে আমরা দুটি ডিজাইন শেয়ার করব। ডিজাইন দুটিকে আমরা আলাদাভাবে ভাগ করে দুটি অংশে দেখাব। প্রথমে List Label এবং পরবর্তীতে Cloud Label যুক্ত করার পদ্ধতী দেখাব। নিচের বাটনটিতে ক্লিক করে List Label উইজেটটির Live Demo দেখতে পারবেন- Live Demo × আরো পড়ুনঃ কিভাবে ব্লগের Homepage থেকে Label Posts Hide করতে হয়? কিভাবে List Label যুক্ত করবেন? প্রথমে ব্লগে লগইন করুন। তারপর ব্লগার ড্যাশবোর্ড হতে Layout অপশনে ক্লিক করুন। এখন ব্লগের Layout এর সাইডবার হতে Add Gadget অপশনে ক্লিক করুন। এরপর Label Widget টিতে ক্লিক করলে নিচের চিত্রের ন্যায় অপশন দেখতে পাবেন। উপরের চিত্রের সবগুল