Posting Author's name below the post

Some times , you may want to post the author's name below all posts.You also can type you name below all posts.but there is little trick to do this in more quicker and easier way. Instead of a name , you also can use a image as a signature. Here is the way to do it.


1. Edit your Template
2. Now find out line post-footer-line-3 ( press 'Ctrl' + F to open your browser's search box)


Now you will find out a line similar to

<p class='post-footer-line post-footer-line-3'/>


Now , paste this code line just below it.


Lessons by <data:post.author/>


Use any thing you want instead of Lessons by. some thing like , written by , post by .......

or if you want a image , instead of the name , paste this code line

<IMG SRC="Paste Image your URL of signature image">

ex:-

<IMG SRC="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjahFXgAOcRluABwccosPLt90Yhtnj0pxDb3UVvypMmjTDuWevm1mvDxG_szKigCoRpB51IRzPFeN65Sn8wfpTcMUSBmcsHxsAMVXhgzXwp0HM-iySCTOcnHpSXUdZibaFwOsGVFSuplcue/s185/DragonD.png">


Here is the image signature that i use in my another blog , instead of the Author's name.

Now follow the Safety Saving Steps.

And

Image instead of Authors Name

Now lets see how to insert a Image instead of Authors name. In many blogs , you will be able to find the Authors name on the top of the post.

Now here , it says Reporter , instead of the claasic "Posted by". How ever now lets see how to add a image to the position of Name.

Create a image , it is better if it is smaller. Use Power point or MS paint or any other graphic software for this.

Now Upload it to a Image uploading web site. I recommend www.imageshack.us , it is easy to use and no sign ups.


now get your image's URL and paste in the relevant position of this code.


<img src="Paste Your Image's URL here" />


1. Edit your template ( How to edit your template )
2. Press 'Ctrl' key and 'F' and Find ' post-author '


Now you will find out some code lines similar to

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
</b:if>
</span>

Now paste your edited code as below


<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<img src="Paste Your Image's URL here" />
</b:if>
</span>


Now follow the Safety Saving Steps.

And

Changing Author's Name

Above your every post , you will see your name ( or the Author's name ).It will always display your Blogger accounts name , But you can change it ! You can use a name of your own as you want to. You can use a cool name as 'Heaven writer' , 'Fun Man' or even 'Unknown'.

For that,

1. Edit your template ( How to edit your template )
2. Press 'Ctrl' key and 'F' and Find ' data:post.author '


Now you will find some code lines simillar to


<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>


<data:post.author/> , This stands for your name.

Use what ever you like to use

Ex:-

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> The Heaven's Poster
</b:if>

If you want to remove the word ' Posted by '

remove the line <data:top.authorLabel/>

Now you will get your code lines as

<span class='post-author'>
<b:if cond='data:top.showAuthor'>
The Heaven's Poster
</b:if>


Now follow the Safety Saving Steps.

And