ADs by Techtunes ADs
ADs by Techtunes ADs

ব্লগারের সাজসজ্জা (পর্বঃ১১) :: আপনার ব্লগের কমেন্ট ফর্মের জন্য একটা সুন্দর ডিজাইন

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

ADs by Techtunes ADs

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

প্রথমে 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 করুন।

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

ADs by Techtunes ADs
Level 0

আমি মেহেদি হাসান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 6 বছর 11 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 58 টি টিউন ও 278 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


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


টিউমেন্টস

অসাধারণ।এক কথায় দারুণ ভাই। 🙂

অনেক ধনবাদ