Hi Today i will show Blogger author profile Customize tutorial for all of you so that you can easily Customize Author Profile In Blogger.

Author-Profile-In-Blogger

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

 
Top