Nov 10, 2016

Blogger ki website me special responsive comment style add kare,

Blogging me success hone ke liye Comment style bhi achchha se hona jaruri hai,
jin logo ne apne website ka comment style achchhe se set kiya hai,aaj blogging me wahi baji mar rahe aap bhi apne blogger ki comment digine ke badal kar apne website ko bahut achchhe se bana sakte hai,
Comment style ko set karna bahut aasan hai, jis prakar aapko bataya jar aha hai, waise hi aap step by step set kar sakte hai,
set karne me aapko kisi prakar ki paresani nahi hogi,
Aap step by step kare,

Step 1. Login To Blogger.com:

Step 2. Click Template:

Step 3. Click Edit HTML


Blogger special responsive

Niche ka yah Code ko Copy karke
]]></b:skin>

Box me ak bar kahi par bhi click kare,
Step 4. Ctrl+F Dabaye

Step 5. Ctrl +V paste kar de,

Ab key Board me Enter dabaye,
Aapko yah ]]></b:skin>
Code Dikhai de raha hoga, 
Step 6. Niche ki is Code ko select karke Copy kare,
     .comments .comment-block {
    background: #F9F9F9;

color: #555;
box-shadow: 0 4px 10px #EEEEEE;
position: relative;
margin-top: 10px;
margin-left: 60px;
padding: 10px;
border: 4px solid #EEEEEE !important;
border-radius:10px;
font: 1.190em/1.2 Cambria,Georgia,sans-serif;
}
.comment-thread li .comment-block:before {
position: absolute;
display: block;
left: -26px;
color: #EEEEEE;
content: "\25C4";
font-size: 30px;
}
.comments .avatar-image-container {
width: 60px;
height: 60px;
max-height: 60px;
margin:0px 0px 0 -20px;
padding: 0px;
border: 7px solid #EEEEEE;
border-radius:60px;
}
.comments .avatar-image-container img {
overflow:hidden;
width: 60px;
height: 60px;
max-width: 60px;
border:0 !important;
border-radius:60px;
}
.comments .comment-thread.inline-thread {
background: none;
}
.comments .continue {
border-top: 0px solid transparent;
}
.comments .comments-content .datetime {
float: right;
font-size: 11px;
}
.comments .comments-content .user a{
font-size: 15px;
color: #498EC9;
}
.comments .comments-content .datetime a:hover{
color: #777;
text-decoration: none;
}
.comments .comments-content .comment:first-child {
padding-top: 0px;
}
.comments .comments-content .comment {
margin-bottom: 0px;
padding-bottom: 0px;
}
.comments .continue a {
padding: 0px;
}
.comments .comments-content .icon.blog-author {
background-image: none;
}
Select karke Ctrl+C Dabaye copy ho jayega,

Step 7.Copy kiye gaye Code ko is ]]></b:skin>
  ke upar me Paste kar de,
Blogger special responsive


Step 8.Save Template me Click kare,
save template

Result Dekhe,
responsive comment style


Friend's If You like this post, kindly comment below Ihe post and do share your response Thanks for reading:) दोस्तों आपको यह पोस्ट पसंद है, तो कृपया पोस्ट के नीचे टिप्पणी और साझा करने के लिए अपने प्रतिक्रिया देवे | पढ़ने के लिए धन्यवाद:) अपने प्रश्न आप iN HiNDi iNDiA हिन्दी इंडिया के माध्यम से कर सकते है |
Previous Post
Next Post

post written by:

0 Comments: