|
|
Author's HTML Code
<h2 >Author : <font color="#0054FD">Shoeb Ahmad Fareed</font></h2>
<span 'imgPusher' 'float:left;height:0px'></span>
<span 'z-index:10;position:relative;float:left;;clear:left;margin-top:0px;*margin-top:0px'><a><img src="/uploads/6/4/0/6/6406650/447450181.jpg?117" alt="Shoeb Ahmad Fareed" ></a><span ></span></span>
<div > <font color="#2A2A2A" size="4" >Designation:</font> <font size="4" color="#8640AE">Founder & CEO</font><br> <font color="#2A2A2A" size="4">Bio:</font> <font color="#626262" size="3">A Technology Leninist who believe success can be only be achieved if one has a practical implementation knowledge. He is a Computer Science Engineer, a professional blogger and a debugger.</font></div>
<div> <div ></div> <hr > <div ></div> </div>
<div align="right"><a href="http://www.facebook.com/techiesnet" target="_blank"><img src="http://www.cyberfreewishes.com/uploads/6/4/0/6/6406650/4325163.png" title="Facebook"></a><a href="https://plus.google.com/102149589738430085520/posts/?rel=author" target="_blank"><img src="http://www.cyberfreewishes.com/uploads/6/4/0/6/6406650/6030376.png" title="Google+"></a><a href="http://in.linkedin.com/in/techiesnet" target="_blank"><img src="http://www.cyberfreewishes.com/uploads/6/4/0/6/6406650/3210360.png" title="LinkedIn"></a><a href="mailto:shoeb@techiesnet.com"><img src="http://www.cyberfreewishes.com/uploads/6/4/0/6/6406650/7828469.png" title="Email"></a></div></div>
How To Implement HTML Code
- First of all go to your post page where you want to display author's details.
- Then under the <body> section, paste the above code with the modification of following things
1) Author's Name
2) Author's Image With Alt Text
3) Designation
4) Bio and
5) Facebook, Google+, LinkedIn & Email Links
If you alter all this things correctly then you can also put your details like how i kept in this post.