অনেকদিন পর আবার ব্লগ নিয়ে লেখালেখি শুরু করলাম। আশা করি সবাই ভাল আছেন। ব্লগপোস্টের কমেন্ট ফর্মটা খুবই সাদামাটা। একটু ডিজাইন করলে অনেক সুন্দর দেখাবে এটি। আজকে যে ডিজাইনটি দেব সেটি দেখতে ঠিক এরকমঃ

এই রকম কমেন্ট ফর্ম যদি আপনার ভাল লাগে তাহলে দেখে কিভাবে এটা যুক্ত করবেন।

প্রথমে Blogger Dashboard >> Template >> Edit HTML এ যান।
তারপর Ctrl+F ধরে নিচের কোডটি সার্চ করুনঃ

]]></b:skin>

তারপর এই কোডটির ঠিক উপরে নিচের কোডটি Paste করে দিন।

.comments h4
{
color:#ffffff;
display: inline-block !important;
background:#3BB7D9;
padding:10px;
}
.comments .comment .comment-actions a {
background:#3BB7D9;
border-radius: 5px;
color: #ffffff;
font:12px georgia;
margin-right: 8px;
padding:5px;
text-decoration: none !important;

}

.comments .comment-block {

background:#f8f8f8;
border: 1px solid #f0f0f0;
padding: 10px;

}
.continue
{
border-top:none !important;
}
.continue a {
background:#3BB7D9;
border: 1px solid #3BB7D9;
border-radius:5px;
color: #ffffff;
display: inline-block !important;
margin-top: 8px;
padding:5px;
text-decoration: none !important;
font:12px georgia ,arial;
}

.comment-header a {

color: #222222 !important;

}

#comments .avatar-image-container img {
border:2px solid #f0f0f0;

border-radius: 50px 50px 50px 50px;
height: 58px;
max-width: 58px;

}

.comments .avatar-image-container {
border: 2px solid #FFFFFF;
border-radius: 34px 34px 34px 34px;
box-shadow: 1px 1px 3px #dcdcdc;
float: left;
margin-left: -20px;
max-height: 61px !important;
overflow: hidden;
width: 61px !important;
}

এখানে #3BB7D9; এর জায়গায় আপনার ইচ্ছামত কালারের নাম লিখতে পারবেন।

তারপর Save করুন।

এবার আপনার ব্লগে ভিজিট করে দেখুন কেমন হল আপনার কমেন্ট ফর্মটি।