1.Login to your blogger dashboard--> Desing- -> Edit HTML
2.Scroll down to where you see ]]></b:skin> tag.
3.Copy below code and paste it just before ]]></b:skin> tag.
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border:3px solid #289728;
}
.profile-img:hover {
border:3px dotted #3B3A3B;
}
.profile-data {
margin:0 10px 20px 10px;
padding:0;
font: bold 10pt "ms sans serif", verdana,Arial;
color:#289728;
line-height: 1.6em;
text-align:left;
text-transform:lowercase;
}
.profile-data:hover {
color:#3B3A3B;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-datablock:hover {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiURNAeKfsB7M7uIRj03n3ZP-7lHg5IwPmBjkmRSKA2FPFca3Z64yCh6IN44swPRR3nUXc3IrHijVjhPOS0Te2UWL2uQhlk5DnuBBj9ZRliS8lhM-NeGd3C6ZUQgxTA1xunKVnQTNuU7GM/) no-repeat bottom right ;
}
.profile-textblock {
color:#333;
margin: 0.5em 0;
line-height: 1.6em;
padding:5px 0 5px 0;
border-top:2px solid #289728;
border-bottom:2px solid #289728;
}
.profile-link {
display:none;
}
4.Now Save Your Theme. You are done
And Cheers
Post a Comment