Topwapbd এর মত কমেন্ট সিস্টেম করে নিন আপনার Blogger website এ

Encrypting your link and protect the link from viruses, malware, thief, etc! Made your link safe to visit.






What is comment system changing & what we get benefit by doing this ?

So,Let's start
First we have to know why we are doing this.

Feature :

  1. looking nice
  2. Show Administration rules
  3. Awesome reply system
  4. Comment Avatar Circle
  5. Etc...

Demo is our site comment system.
কিভাবে blogger comment system পরিবর্তন করে  ফেলবেন সেটা নিচের মত করে কাজ করুন

এবার Template এ গিয়ে  তারপর Edit Html.
এবার খুঁজে বের করুন  ]]></b:skin> এই কোডটি।

First  Find ]]></b:skin>
If u find the code on your blogger template.
Now you have to past a css code
below the code which you found recently.

এবার
নিচের  css  কোডটি এবার খুঁজে পাওয়া কোডের উপরে পেস্ট করে নিন
এবার Save your template।

CSS code Below :-



@font-face {
  font-family: 'Philosopher';
  font-style: normal;
  font-weight: 400;
  src: local('Philosopher'), url(http://themes.googleusercontent.com/static/fonts/philosopher/v4/OttjxgcoEsufOGSINYBGLYbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
.comment .avatar-image-container {
border: 1px solid #B6B6B6;
max-height: 70px !important;
margin-top: -5px;
width: 70px !important;
position: relative;
z-index: 50;
}
.comment .comment-block {
margin-left: 75px !important;
}
.comment .comment-header {
background: none repeat scroll 0 0 #A9F5D0;
color: #333;
font-size: 15px;
font-weight: bold;
margin-left: 60px;
}
.comment .comment-header a {
color: white !important;
text-decoration: none;
}
.comment .comment-content {
background: none repeat scroll 0 0 #FEFFF9;
border-bottom: 2px solid #E6E6E6;
font-size: 14px;
margin: 0 0 30px;
padding: 5px 5px 10px 10px;
}
.comment .comment-actions a {
background: none repeat scroll 0 0 #DDD;
color: #333;
display: inline-block;
line-height: 1;
margin: 0 3px;
padding: 3px 6px !important;
text-decoration: none;
}
.comment .comment-actions a {
background: none repeat scroll 0 0 #DDD;
color: #333;
display: inline-block;
line-height: 1;
margin: 0 3px;
padding: 3px 6px !important;
text-decoration: none;
}
.comment-header cite {
background: none repeat scroll 0 0 #DF7401;
border: 1px solid white;
color: white;
padding: 2px 20px;
position: relative;
z-index: 99;
margin-left: -20px;
}
cite.blog-author {
background: none repeat scroll 0 0 #8181F7 !important;
}
.icon.blog-author {
display: none !important;
background: url("") no-repeat scroll 0 0;
margin-left: 90px;
width: 60px !important;
height: 60px !important;
position: absolute;
right: 5px;
bottom: 5px;
top: 10px;
}
.comment .comment-header {
color: #333;
font-size: 15px;
font-weight: bold;
}
.comment .avatar-image-container img {
border: medium none !important;
height: 70px !important;
width: 70px !important;
max-height: 70px !important;
max-width: 70px !important;
}
.comment .comment-actions a {
background: none repeat scroll 0 0 #DDD !important;
color: #333 !important;
display: inline-block !important;
line-height: 1 !important;
margin: 0 3px !important;
padding: 3px 6px !important;
text-decoration: none !important;
font-size:16px;
}
.comment .comment-actions a:hover {
background: #CCC !important;
text-decoration: none !important;
}
.comments {
font-family: 'Philosopher', arial, serif !important;
font-size: 1em;
color: black;
}
.comments .continue a {
display: block !important;
font-weight: bold !important;
padding: .5em !important;
color:#E34600;
font-size:16px;
}
.comments .continue a:hover {color:#4D3123;text-decoration:none;}
.item-control {
display: none !important;
}
.comments .continue {
border-top: 2px solid transparent !important;
}



আশা করি সবাই বুঝতে পারছেন।
কারও কোন সমস্যা হলে কমেন্ট করে জানাবেন।
আল্লাহ হাফেজ

5 Responses to "Topwapbd এর মত কমেন্ট সিস্টেম করে নিন আপনার Blogger website এ "

  1. Very nice article. I enjoyed reading your post. very nice share. I want to twit this to my followers. Thanks !. Web Hosting Pakistan

    ReplyDelete
  2. I was very impressed by this post, this site has always been pleasant news Thank you very much for such an interesting post, and I meet them more often then I visited this site. buy contextual backlink

    ReplyDelete
  3. I am upbeat to locate your recognized method for composing the post. Presently you make it simple for me to comprehend and execute the idea. Much obliged to you for the post.  exchange link directory

    ReplyDelete
  4. The article you have shared here very awesome. I really like and appreciated your work. I read deeply your article, the points you have mentioned in this article are useful buy traffic site

    ReplyDelete
  5. It may stress that the website doesn't have what they're searching for. https://www.onohosting.com/

    ReplyDelete

Match 1

Article 2

P last