Jul 25, 2015

ব্লগার Author Comments গুলিকে Admin Ribbon দ্বারা চিহ্নিত করুন

ব্লগের Author Comments গুলিকে কোন প্রকার আলাদা চিহ্ন দ্বারা মার্ক করা প্রয়োজন। কারণ অনেক সময় পোষ্টে বেশী কমেন্ট হলে নরমালি Author Comments গুলিকে চেনার কোন উপায় থাকে না। ফলে ব্লগের নতুন ভিজিটরদের Author Comments সম্পর্কে দ্বিধার মধ্যে থাকতে হয়। তাছাড়া এই ফিচার্স আপনার ব্লগের Template এর সুন্দর্যও বৃদ্ধি করে। আমরা যেটি আপনাদের সাথে শেয়ার করবো এটি আপনার ব্লগের Comments সেকশনের কমেন্টগুলির ডান পাশের কোনায় Admin মার্কস হিসেবে শো করবে। ফলে যে কেউ উক্ত পোষ্টটির এ্যাডমিনকে মার্ক করে নিতে পারবে। নিচের চিত্রে এর একটি ডেমো দেখতে পাচ্ছেন।
Blogger-Author-Comments-Ribon
শুরু করার আগে আরও দুটি কথা বলে নিচ্ছি। এটি তখনই শো করবে যখন আপনি কোন পোষ্টের Admin হবেন। আপনি হয়তো ভাবছেন যে, শুধুমাত্র ব্লগের Admin হিসেবে কমেন্ট করলে এটি শো করবে। আসলে তা নয়। আপনার ব্লগে যদি একাধিক Author বা তারও বেশী Author থাকেন, তাহলে তারাও যখন কোন পোষ্ট করবে তখন তাদেরও ঐ পোষ্টের Admin হিসেবে শো করবে। এ ক্ষেত্রে আপনার কমেন্টগুলি ঐ পোষ্টের জন্য Admin হিসেবে দেখাবে না। কারণ আপনি তখন ঐ পোষ্টের একজন পাঠক, সে ঐ পোষ্টটির Admin. কাজেই বলা যায় এটি তখনই শো করবে, যখন আপনি কোন পোষ্টের Admin হিসেবে থাকবেন।

কিভাবে ব্লগে যুক্ত করতে হয়ঃ

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • তারপর Template > Edit Html এ ক্লিক করুন।
Blogger-Template-Editor
  • তারপর কিবোর্ড হতে Ctrl+F চেপে ]]></b:skin> অংশটি সার্চ করুন।
Blogger-Html-Css-Tag-Searching-System
  • এখন নিচের কোডগুলি ]]></b:skin> ট্যাগের ঠিক উপরে পেষ্ট করুন।
.comments .comments-content .icon.blog-author{
    position: absolute;
    top: 52px;
    right: -36px;
    margin: 5px 0 0!important;
    background: url(http://3.bp.blogspot.com/-JTxb7AcX2L0/VCJN33ZKtGI/AAAAAAAADJY/8oH-O9hk7iA/s1600/Admin.png) no-repeat scroll 0 0 transparent;
    width: 90px!important;
    height: 90px!important;
}
  • সবশেষে Save Template এ ক্লিক করলেই কাজ শেষ।

কাষ্টোমাইজেশনঃ

  • উপরের লাল চিহ্নিত মাপটি আমার ব্লগের মাপ অনুযায়ী দেয়া। কাজেই এটি আপনার ব্লগের সাথে মিলতে নাও পারে। এটি টেমপ্লেট বেধে ভিন্ন মাপের হয়ে থাকে। এ জন্য এটি আপনাকে Adjust করে নিতে হবে।
  • Ribbon টি উপরে-নিচে সরানোর জন্য এই top: 52px অংশটি ব্যবহার করবেন।
  • Ribbon টি ডানে-বামে সরানোর জন্য এই right: -36px অংশটি ব্যবহার করবেন।
  • সর্বশেষ Height ও Width পরিবর্তন করতে চাইলে Pink কালারের অংশ দুটি ব্যবহার করবেন।
Subcribe to our all updates

and Share on
পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট

0 টি মন্তব্য: Post Yours! Read Comment Policy ▼
লক্ষ্য করুনঃ
পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

Post a Comment

 
Subscribe for all Updates

Subscribe Now

কপিরাইট © 2015- প্রযুক্তি ডট কম ™, সর্বস্বত্ব সংরক্ষিত

Powered by: