Wednesday, October 30, 2013

How to add add profile picture under title- blogger design

your blog is looking nice after adding profile picture in title. because it become more trust able to visit
 and they start to think there is a real man behind this blog. posts are upgrade to charming look.
it is also a scope for blogger to publicity himself. because self marketing is the best marketing in the world.


===================================================
Complete blew steps you can done
===================================================

1. Go to you blog 
2. go to templete>> Edit HTMT.
3. Search  for   .post h3 or .post h2
4. you will see similer code like blew .



.post h3 {
color: #7CA2C4;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal;
margin: 0px;
padding: 0px 10px 0 47px;
}
 
 
now replace this code with blew code.
-----------------------------------
 .post h3 {
background:url(IMAGE LINK OF YOUR PROFILE PIC) no-repeat top left;
color: #289728;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal; height:45px;
margin: 0px;
padding: 0px 10px 0 47px;
line-height:1.1em;
}
 
------------------------------------- 
 

now edit  yellow  marked text change with your own avater or profile image link  which is about 40 px

like blew pictore size
 you successfully do this

No comments:

Post a Comment