This week wanted to show you how to add a signature to your blog posts.ย Adding a signature to your blog posts just gives your post a more personal feel, and you have probably noticed pretty much all the best blogs have one. ย This is easy enough to do.
HOW TO ADD A SIGNATURE TO YOUR BLOG POSTS
Now these steps for how to a signature to your blog posts are for if you are using the Genesis framework.ย You would need to adjust the code a little if you are not using Genesis framework
- Create the signature image you want to use
You have several options on how you can create your signature image
Tip: It is best to save the image as a .png file
- Use graphic software like Pic Monkey or Photoshop
- Sign a piece of paper & scan it
- Use an app like Docusign Inc.ย I used the Docusign Inc app on my phone, and emailed my signature to myself (I know I am a techy dork).
- Upload your signature image to your media library
- Paste the following code into your functions.php file
(Found this code at Pretty Darn Cute Design a while back)
// Add Signature Image after single post
add_action('genesis_after_entry_content', 'custom_include_signature', 1);
function custom_include_signature() {
if(is_single()) { ?>
<img src="Your URL" alt="Signature" />
<?php }}
Tip: The highlighted part is all you will need to change. You just change it to the URL of your signature.
Save your functions.php file, and now you will see your signature at the bottom of all your post.
MAKING SIGNATURE SHOW UP ON YOUR PAGES
If you would like to also have the signature show on your pages as well you can use this code instead.
// Add Signature Image after single post
add_filter('the_content','add_signature', 1);
function add_signature($text) {
global $post;
if(($post->post_type == 'post') || ($post->post_type == 'page'))
$text .= '<div class="signature"><img src="Your URL"></div>';
return $text;
}
This will put the signature on all pages. If you do not want to see the signature on certain pages you can use CSS to remove your signature from those pages.
Hope you found this trick helpful.
Have a tutorial you would like to see on a future Tuesday Tutorial? Click here to send a request.
I remember being motivated to try this by YOU!! I think I’ve got it working on my recent posts… what do you think?
Seana Turner recently posted…Making Room
Thanks! Lost all my post when my service expired, and trying to recreate some of them. Glad you found it helpful. Yes it is working perfect ๐
Thank you so much for this! I think that this is one of the easiest signature tutorials that I have come across. This is on my to-do list this weekend!
Great! Glad you found it helpful ๐ Hope you have a wonderful 4th of July weekend
I recently added my signature through the CSS section on blogger but I am unable to get it to sit center on my posts. Instead it is sitting to the left.
Do you know how I can center it at all? Any help would be amazing :).
Thank you,
Louise
try adding the following
text-align: center;
that should help
Adding a signature is actually on today’s “to-do” list! Thanks for the instructions. I have enjoyed your Tuesday Tutorials – glad I found you!
BTW, I co-host The Pinterest Game, and pins from this series would be great to link up. We would love to have you join us if you are interested!
Perfect timing then. I would love to join. When does it usually take place?
The game opens on Friday at 1AM EST, and the winners are randomly chosen on Tuesday, so you still have time to enter this week’s game! The link to the most recent game should show beside my signature (#13a). Thanks! ๐
Wendy recently posted…The Pinterest Game #13a
Ok I will check it out and enter ๐