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