How to Add Signature For Blogger Posts

Friday, June 29, 2018 3:07 AM No comments
Add Signature For Blogger Posts
Are you also a blogger? And do you run it with the blogger? If so, this article will be interesting.If you also write many articles, A signature for your identity is added.So it's difficult to add signature to all your posts.But, we say a method for doing this easier.You will not have to add a signature anymore.This method automatically adds signature.

And if you like, you can add an image instead of the signature.It can be more beautiful.At the same time, it is valid for all new posts, and you can change it at any time.If so, let's look at this.

How to Add Signature For Blogger Posts


1. First go to your blogger dashboard and click Theme >> Edit HTML

2. Next, search the code below(ctrl-f).There you will see the code twice.They are for mobile and desktop.

[<div class='post-footer'>]

3. Next, paste the following code above the <div class='post-footer'>.

Text Signature Code


[ <style type="text/css">
.hbz-signature {
     font-size: 22px;
     font-family: Copperplate,fantasy;
     text-shadow: 5px 2px 2px #dddddd;
     margin-top : 30px;
     text-color: #222222;
}
.hbz-signature span {
     font-size: 14px;
     vertical-align: top;
}
    </style>
    <div class="hbz-signature"><span>By</span> You Name</div>]

Image Signature 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="Signature Image URL"  alt="Image Name"/></div>]

Next, if you need to make changes to the two codes, the following information will be useful.

For Text Signature Code

  • 22 is font size.
  • Copperplate,fantasy is font family.
  •  #dddddd is shadow color code.
  • #222222 is text color.
  • For You Name, give me the name you want.

For Image Signature Code

You need to make a custom image for this.You can use photoshop or such software.If you do not know how to do that, you can use the Mylivesignature tool.

  • Replace your signature image URL for Signature Image URL.
  • Replace your  image name for Image Name.
4. Finally, save the theme.

So you know about How to Add Signature For Blogger Posts, Hope you like the post, don’t forget to share it with your friends and leave a comment below if you are facing any problem at any step in the method discussed above.Thank you.

最後に… このブログに興味を持っていただけた方は、 ぜひ 「Facebookページ に いいね！」または 「Twitter の フォロー」 お願いします！！