How To Add Signature On Every Post

How to Add Text Signature On Every Blog Post by default

If you want to add by default Signature Text on every blog post,this is not only for new post it will also add signature on old post.You are not technical no worry,just follow the instruction below
Steps To Add Signature On Every blog post
Step 1. Login to your blogger account > Dashboard > Template > then press Edit HTML
Step 2. After Edit HTML Click anywhere inside the code and press ( Ctrl + F ) a search bar will open
Step 3. Find the code in HTML search bar <div class='post:footer'>
Step 4. Just above <div class='post-footer'> Place the following code:

<style type="text/css">
.hbz-signature {
     font-size: 18px;
     font-family: Poppins,fantasy;
     text-shadow: 5px 2px 2px #dddddd;
     margin-top : 10px;
     text-color: #fff;
     text-align: center;
}
.hbz-signature span {
     font-size: 14px;
     vertical-align: top;
}
    </style>
    <div class="hbz-signature"><span>By</span> Your Name or Any text you want in footer</div>

Add Image Signature on every blog Post by default

For adding image signature first take picture of your signature and get URL of picture.Now question is how to get URL,not to wory about its quite easy way is just add Signature image in blog post and publish the post,then open the post right click on signature image select View Image Info.A dialogue box will open just copy the highlighted URL and paste in the code

Steps To Add Signature IMAGE After Every blog post
Step 1. Login to your blogger account > Dashboard > Template > then press Edit HTML
Step 2. After Edit HTML Click anywhere inside the code and press ( Ctrl + F ) a search bar will open
Step 3. Find the code in html search bar <div class='post:footer'>
Step 4. Just above <div class='post-footer'> Place the following code:

   <style type="text/css">
.hbz-signature {
     margin-top: 30px;
}
.hbz-signature img {
     background: transparent none repeat scroll 0% 0%;
     border: medium none;
     box-shadow: none;
}
    </style>
    <div class="hbz-signature"><img src="Your Signature Image URL"  alt="Your Image Name"/></div>

Coment if you found any issue