Today Tidings V Steps To Add Together Signature To Blogger Posts (With Demo)

Do y'all desire to add a signature text or icon to your Blogger posts? Post signature is ordinarily a text or an icon at the halt of each post, adding custom signature to your blogger posts non exclusively plow over it sure enough flair but also gives a visible postage stamp of your say-so over your spider web log content. You tin manually insert signature to novel spider web log posts but what close sometime post, its non slow to add signature manually inwards already published posts particularly if they are inwards hundreds.

Don't worry your are howbloggerz user, null is impossible here. I bring created a laid of CSS as well as HTML code to automatically add together signature inwards sometime as well as upcoming novel posts. The best business office close this method is that y'all tin edit your signature at whatsoever fourth dimension as well as the changes volition reverberate on every post.

There are 2 types of signature y'all tin add together either text or icon as well as both bring unlike agency of installing hence i bring added teaching for both types amongst images as well as created a exhibit to brand y'all bring a look.

DEMO

How to Add Signature to Blogger Posts

Step 1. Login to your blogger concern human relationship > Dashboard > Template > Edit HTML

Step 2. Click anywhere within the code as well as detect the next code ( role Ctrl + F ) :

<div class='post-footer'>

Note : There are 2 occurrence of the to a higher house code. 1st occurrence for mobile sentiment as well as minute for desktop.


Step 3. Just to a higher house <div class='post-footer'> Place the next code:

• To Add Text Signature

• To Add Image Signature

     <style type="text/css">
.hbz-signature {
     font-size: 22px;
     font-family: Papyrus,fantasy;
     text-shadow: 5px 2px 2px #dddddd;
     margin-top : 30px;
     text-color: #222222;
}

.hbz-signature bridge {
     font-size: 14px;
     vertical-align: top;
}
    </style>
    <div class="hbz-signature"><span>By</span> You Name</div>

    <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="add a signature text or icon to your Blogger posts Today News five Steps to Add Signature to Blogger Posts (with Demo)"color: #38761d;">Your Image Name"/></div>

 Step 4. Configuration of Code:

For Text Signature:

• Adjust the value 22 to alter font size of text.
• Replace the value Papyrus,fantasy to alter the font household unit of measurement of the text (List of Font Family).
• Replace the value #dddddd to alter text shadow color (Color Codes).
• Replace the value #222222 to alter text color.
• Replace You Name amongst your refer or amongst whatsoever other text.

For Image Signature:

Note: To exercise your Signature icon y'all tin role photograph editing software on your mobile or machine, or the online Pixlr editor.

If y'all don't know much close editing, y'all tin role tool Mylivesignatue (Recommended).

• Replace Your Signature Image URL amongst the URL of the image.
• Replace Your Image Name amongst refer of the image.

Read : How to Get the URL of an Image

Step 4. Click Save template.

That's all!

Now learn through your spider web log as well as run into y'all signature text or icon on each blogger post. Coding ordinarily depends on the template y'all are using, hence if y'all bring as well as final result related to to a higher house tutorial comment below. Stay Updated, Browse ! :)