5 Steps to Add Signature to Blogger Posts (with Demo)

Do you lot desire to add a signature text or icon to your Blogger posts? Post signature is normally a text or an icon at the cease of each post, adding custom signature to your blogger posts non entirely plow over it for sure flair but also gives a visible postage stamp of your say-so over your weblog content. You tin manually insert signature to novel weblog posts but what almost former post, its non slowly to add signature manually inward already published posts especially if they are inward hundreds.

Don't worry your are howbloggerz user, naught is impossible here. I accept created a laid of CSS in addition to HTML code to automatically add together signature inward former in addition to upcoming novel posts. The best business office almost this method is that you lot tin edit your signature at whatever fourth dimension in addition to the changes volition reverberate on every post.

There are 2 types of signature you lot tin add together either text or icon in addition to both accept unlike agency of installing thence i accept added didactics for both types amongst images in addition to created a demonstrate to brand you lot accept 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 in addition to uncovering the next code ( piece of job Ctrl + F ) :

<div class='post-footer'>

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


Step 3. Just inward 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 v 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 trouble solid 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 whatever other text.

For Image Signature:

Note: To exercise your Signature icon you lot tin piece of job photograph editing software on your mobile or machine, or the online Pixlr editor.

If you lot don't know much almost editing, you lot tin piece of job 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 become through your weblog in addition to come across you lot signature text or icon on each blogger post. Coding normally depends on the template you lot are using, thence if you lot accept in addition to effect related to inward a higher house tutorial comment below. Stay Updated, Browse ! :)

Bagikan Artikel ini