Tuesday, February 2, 2010

ব্লগার ব্লগে স্টাইলীশ Comment Form এড করা

blogcomments যে কোন ওয়েবসাইট বা ব্লগেই আরট্যিক্যেল বা পোস্টের নিচে ভিসিটরদের ফ্যীডব্যাক বা কোন আদ্যার প্রশ্ন থাকলে তা ব্লগ এডম্যীকে জ়ানাবার জন্য একটি কমেন্ট বক্স বা ফর্ম থাকে।ওয়ার্ডপ্রেস বা ব্লগারেও এই কমেন্ট ফর্ম রয়েছে।আমার পয়েন্ট অফ ভ্যিউ থেকে বগারের কমেন্ট ফর্মের থেকে ওয়ার্ডপ্রেসের কমেন্ট ফর্মটির লুক বেটার লাগে।ব্লগারে ড্যীফল্ট ভাবে যে Comment Form পাওয়া যায় এটিকে কিছু চেঞ্জেস করা যায় না,কিন্তু কিছু থার্ড পার্টী সার্ভিস রইয়েছে যার মাধ্যমে ব্লগারের Comment Form কে ইস্যিলী স্টাইলীশ এবং প্রফেস্যোন্যাল লুক দেওয়া যায়।এক্সস্যামপ্যেল হিসাবে My Btrick ব্লগের কমেন্ট ফর্ম এখানে ক্লিক করে বা যে কোন পোস্ট অপেন করলেই দেখা যাবে।আমি Comment Form এর এই লুক দিয়েছি Disqus কমেন্টিং সার্ভিসটির মাধ্যমে।
ব্লগারে স্টাইলিশ এবং প্রফেস্যন্যাল কমেন্ট ফর্ম এড করার জন্য আমি তিনটি সার্ভিস ফাইন্ড করতে পেরেছি।
1.Disqus । 2.Intensedebate । 3.Js-Kit[Echo]
My Btrick ব্লগের জন্য আমি Disqus সার্ভিসটি ইউস করছি।প্রাসন্যালী এটি আমার ফ্যেফরেট কমেন্টিং স্যিস্টেম।এই একই রকমের কমেন্টিং স্যিস্টেম ব্লগে এড করার জন্য সবচেয়ে আগে http://disqus.com এখানে একটি এক্যাউন্ট দরকার।এক্যাউন্টে লগ্যিং করে install instruction ট্যাবে ক্লিক করলে Popular Bloging Platforms গুলি পাওয়া যাবে।ব্লগিং প্লাটফর্ম স্যেলেক্ট করলে Template আপলোড করার জন্য উইন্ডো আসবে।Browse ট্যাবে ক্লিক করে টেমপ্লেট স্যেলেক্ট করে Uplode and Continue ট্যাবে ক্লিক করলেই নিউ টেমপ্লেট কোড পাওয়া যাবে।নেক্সট ব্লগারে লগ্যিং করে Edit HTML ট্যাবে ক্লিক করে Disqus থেকে পাওয়া কোডটি ব্লগার টেমপ্লেটে পেস্ট করলেই হবে।
ভিসিট DisqusIntensedebateJs-Kit[Echo]

No comments:

Post a Comment

'বাংলা হ্যাকস' (Bangla Hacks) ব্লগের ডানপাশে নিচেরদিকে উপরের ছবিটির উপরের দিকে থাকা তীরের (Arrow) মতো কোন কিছু দেখা যাচ্ছে কি?। যদি কোন লম্বা লেখা (Long Post) পড়তে পড়তে ব্লগের নিচের দিকে চলে যান, তাহলে এটার উপরে ক্লিক (Click) করে দেখুন, একেবারে উপরে চলে আসবেন। এমন হতে পারে যে ব্লগের কোন একটি পোস্ট (Post) বেশ বড়, সেক্ষেত্রে অনেক নিচে নেমে যাবার পর কোন কোন পাঠক ব্লগের উপরের অংশে আর ফিরে আসেন না। তারা সরাসরি ব্লগ বন্ধ করে দেন। এই জাতীয় পাঠকদেরকে ব্লগে ধরে রাখার জন্য এই বোতামটি খুব উপকারী।

'উপরে ফিরে আসুন' বা 'মেনুতে ফিরে যান' (Go UP, Back to TOP) জাতীয় এই বোতামটি ব্লগার.কম (Blogger.com) এর ব্লগে স্থাপন করা খুব সহজ (Easy to Add)। সামান্য একটু কোড (HTML Code) ব্লগের খুব সহজে খুঁজে পাওয়া যায় এমন একটি জায়গায় স্থাপন করতে হবে। এজন্য Expand Widget Templates এর পাশে ক্লিক করতে হবে না।
  • ব্লগার.কম (Blogger.com) এ লগইন (Login) করুন।
  • Layout এর Edit HTML অংশে যান।
  • এইপাতার একেবারে শেষে/ নিচের অংশে লেখা রয়েছে

  • এই লেখাটির ঠিক উপরে (উপরের ছবিতে লাল তীর চিহ্ন দিয়ে দেখানো হয়েছে) নিচের কোডটি স্থাপন করুন। এই কোড একটি নতুন HTML/ JavaScript গেজেটেও স্থাপন করতে পারেন। অন্যকিছু রয়েছে তেমন HTML/JavaScript Gadget এর মধ্যেও কোডটুকু বসাতে পারবেন।

  • এবার সেভ (Save) করুন।
  • আপনার ব্লগে একটি 'উপরে যান' (Go up, Back to Top) বা 'মেনুতে ফিরে আসুন' ইত্যাদি নামের একটি সুবিধা স্থাপিত হয়ে গেছে।
  • কোডের http://sites.google.com/site/banglahacks/tools/bttp.jpeg অংশটি পাল্টিয়ে নিচের মনমতো ছবি স্থাপন করতে পারবেন। (আমার ব্লগের নীল রঙের উর্ধ্বমুখী তীরচিহ্নটির ডাইরেক্ট লিংক)
  • তীর চিহ্ন (Arrow sign) বা যে কোন কিছুর ছবি (Image) কোথাও আপলোড (Upload) করে {পোস্ট নং ০১ এবং পোস্ট নং ০২ একবার পড়ে নিতে পারেন} আপলোড করা ইমেজ ফাইলটির (Image File) ডাইরেক্ট লিংক (Direct Link) দিয়ে লাল রঙের বোল্ড (Bold) করা লাইনটি প্রতিস্থাপিত (Replace) করে সেভ (Save) করুন।