About   All Tips   Tips by Category   Tips by Ability   Help!

Adding a Signature to Your Posts

There are several sites out there in which you can get a free signature for your blog posts. My Live Signature is my favorite. Check here to check it out! They make it very simple to make and install personalized signatures, like the top signature at the bottom of this post.

*These signatures work best with a light colored background, preferably white. *

When you have created your signature and have reached the 'Finished! The signature is ready.' page:

1. Click on 'Want to use this signature?' at the bottom above the ads.
2. Click on 'Generate HTML code'.
3. Click on 'Generate a code for my handwritten signature'
4. Highlight the code in the box and press CTRL+C on your keyboard.
5. Open your blog's layout page in a new tab or window.
6. Click on Settings--->Formatting.
7. Scroll down to where you see the Post Template box and paste the code (CTRL+V) into it.
8. Click on Save Settings.

When you create a new post, you should see your new signature sitting all nice and pretty up at the top. Make sure you write your post ABOVE the signature.

There are two signatures at the bottom of this post. The one on top was made by following this tip. The one on bottom is built into my template and was custom created on PSE7. I can create a built-in, custom signature using a font from Kevin and Amanda for you for $5. Leave a comment with your request and your email address and I will contact you soon.

Happy Blogging!

Centering HTML Images

Centering HTML images (buttons, etc.) is a fairly painless process.

Simply go to your blog's layout page. Click on 'edit' within the gadget that you want to center.

Add <center> to the beginning of the code and </center> to the end.

For example, I wanted to center the button for my blog. Uncentered, the code looks like this:

<a href=http://www.sneakymommablogdesign.blogspot.com
target="_blank"><img border="0" alt="Sneaky Momma 
Blog Design" src="http://i409.photobucket.com/albums/pp178/
sneakymomma/smbdbutton-pb2.png"/></a>
I added <center>to the beginning and </center> to the end, which resulted in this:

<center><
a href="http://www.sneakymommablogdesign.blogspot.com"

target="_blank"><img border="0" alt="Sneaky Momma Blog Design"

src="http://i409.photobucket.com/albums/pp178/sneakymomma/

smbdbutton-pb2.png"/></a></center>

Some button codes come with built in centering tags. To make a centered button align with the non-centered items in your sidebar, remove <center> from the beginning of the code and </center> from the end. Be sure not to delete any other characters! :)

Happy Blogging!

Related Posts:
Center/Customize Your Sidebar Photos
Align Your Sidebar Gadgets
Get an HTML Code for a Button/Image

Have you been helped by my tips? 
Help me out by grabbing my button or adding this blog to your bloglist!

Want to share this tip with your readers?
I would be honored for you to link back to this post!

ALL CONTENT © SNEAKY MOMMA BLOG DESIGN 
Please do not copy and paste my words and images into your own posts.
I work hard on my tips and and wish for everything to remain on this blog. 
Thank you for your cooperation! :)

The Results Are In......


Congratulations, Jenilee! Email me and let me know what you'd like and we'll get started! :)
Big thanks to all who participated!

Sitemeter


Sitemeter is what I use to check the stats of my blog. It's free and easy to set up. With a free acount at Sitemeter, you can easily see:
    • where your visitors came from (referring sites) 
    • where your visitors live
    • how many visitors you're getting
    • how long your visitors are staying on your blog
    • how many pages your visitors look at
    • many other cool things!
    Click here to check it out for yourself!

    Strikethroughs

    A strikethrough is where you write a word and go back and put a line through it, most often for the purpose of being humorous. Such as:

    I've got to get the kids to sleep so that I can blog wash dishes.

    Here's how you do it:

    First, click on the Edit Html tab as you're working on your post.

    Put <s> in front of the text that you want the line to go through.

    Put </s> behind it. The backslash is very important.

    For example, this is what the above sentence looks like when I click on the Edit Html tab:

    I've got to get the kids to sleep so that I can <s>blog</s>
    wash dishes.
    Have fun with this one!

    It's Giveaway Time!!!

    ***This giveaway is now closed. Thanks to all who participated! :)
    It's high time for the first Sneaky Momma Blog Design giveaway!

    The winner will get their choice of ONE of the following:



    • Three column template conversion w/page element backup and restoration- not a full makeover, but I would be more than happy to install a free background from The Cutest Blog On The Block.


    • or




    • An awards slideshow made at Slide.com

    • or


      SMBD



    • A photo button and HTML scrollbox

    Here's how to enter:

    *Leave a comment on this post telling me what you would choose if you won (required-worth 1 entry). Not that it matters. I'm simply curious!

    You can increase your chances of winning by:

    Sneaky Momma Blog Design



    *Grabbing the button for THIS blog and posting it in the sidebar of your own blog (leave a separate comment telling me you did this or reminding me that this button is already on your blog-worth 1 additional entry). Click here for instructions on how to install a button on your blog.

    *Writing a post in which you link back to this blog, letting your readers know of this giveaway (leave a separate comment telling me that you did this-worth 1 additional entry). Click here for instructions on how to link to another blog within your post.

    *Becoming a follower of this blog. If you are already a follower, that counts, too. :) (leave a separate comment telling me this, regardless of whether you are a new follower or an existing follower-worth 1 additional entry)

    *Tweeting about this giveaway and linking back to this blog. And, of course, leave a separate comment.

    For all of your entries to count, each one must be submitted as a separate comment. Each comment will be assigned a number (a raffle ticket, if you will). You have the opportunity to be entered five times. To keep it fair, extra comments that are not entries will be deleted before the winner is selected by a random sequence generator.

    This giveaway will end at 11:59PM CST on Sunday, March 22. A winner will be announced Monday morning.

    Good luck! Can't wait to find out whose blog I will be working on soon!

    ***If for some reason you are unable to leave comments, please email me at sneakymomma@att.net with a list of your entries.

    Getting Your Links To Open In A New Window

    Did you know that when you create a link on your blog, you can format it so that when someone clicks on it, it will open in a new window? This will allow your readers to visit the linked site without ever leaving your blog.

    To do this, you have to change the HTML code of every one of the links that you would like to have open in a new window. It sounds a little much, but it's really rather simple.

    Here's what you would do if you wanted a link in your post to open in a new window:

    1. Create a link by clicking on the link button and typing in the URL you wish to link to. For more information on how to create a link within a post, click here.

    Let's pretend your link looks like this:

    Click here to visit Sneaky Momma Blog Design.

    2. Click on the 'Edit HTML' tab.
    This is what the above sentence looks like in HTML:



    Click <a "href=http://sneakymommablogdesign.blogspot.com/"
    >here</a> to visit Sneaky Momma Blog Design.


    3. Insert target="_blank" right after the URL and the ".

    EX:

    Click <a href="http://sneakymommablogdesign.blogspot.com/"
    target="_blank">here</a> to visit Sneaky Momma Blog Design.
    4. Publish your post
    5. Test the link. If it opens in a new window, congratulations! If not, try again. :)

    The above instructions can also be applied to links in other areas of your blog as well.

    Happy Blogging!

    Scheduling Posts

    Many of you have figured this out by now, but I'm sure there are a handful of you out there who don't know that you can schedule a post to publish at a later date. Scheduling a post every now and then may prove to be very helpful to you.

    To schedule a post:

    1. Write your post.

    2. Proofread it.

    3. Click on Save Now.

    4. Click on Post Options (located at the bottom of the 'edit post' page. Circled in blue below.)



    5. Enter in the time and date that you would like your post published (circled in red above).

    6. Click Publish Post.

    7. Check that your post is set to be scheduled at the right time and date.

    8. Your post will publish automatically at that date and time. Too cool!

    You can also change the dates of old posts, too.

    Happy Blogging! :)

    Screen Shots


    Have you ever wanted to take a picture of what you see on your computer screen? Maybe you're hosting a giveaway and would like to take a picture of the number chosen from Random.org, or maybe you would simply like to take a picture of your blog without all the interference that comes with taking a picture of your computer with your camera. Whatever your reason, I'm going to show you how to do this by taking a screen shot, similar to the image above.

    Here's what you do:
    1. Get your screen looking exactly as you would like it.
    2. Press the Print Screen key (located on the top right side of your keyboard- usually abbreviated Prnt Scrn or Prt Sc).
    3. Open a new workspace in Paint. (File-->New)
    4. While in this new workspace, go to edit and click on paste.
    5. Edit to your liking and save (I like to save as a .png. I think it looks better when I upload the image onto Blogger. )

    If you only want to copy the top window:
    1. Click within the window that you want to copy.
    2. Press Alt + Print Screen.
    3. Follow steps 3-5 above.

    If you have a laptop, you will most likely have to press the Fn key along with the Prt Sc button to make it work. Since I have a laptop, I have to hit fn+alt+prt sc at the same time to take a screen shot.

    Have fun!

    Adding a Border To Your Header-Intermediate

    As always, download a copy of your current template before beginning. I recommend honing these skills on a practice blog before attempting to make changes to your real blog.

    There are five places within your header that you can add a border. You may have to play around with them a bit to get them to work. Refer to the key and photo below:

    These parts can be found under the /* Header section in your template.
    1. Red #header-wrapper {
    2. Orange #header-inner {
    3. Yellow #header {
    4. Blue #header a {
    5. White #header img {

    To add a border around your header:
    1. Choose where you want your border to go.
    2. Decide on the color, size, and type of border you would like.
    3. Write your code or copy and modify mine from the Adding Borders tutorial.
    4. Insert this line of code in your template directly beneath the heading of the section where you want to put it.
    5. Preview and Save.


    For example, these are the steps that I would follow if I wanted to simply put a red border directly around my header image, like the one directly above this paragraph.


    1. I would refer to the photo and key above to find the section of my HTML code that I want to work with.

    2. Then I would copy and paste the code from my Adding Borders tutorial (border: 5px solid #ffffff;) directly under the name of the section and modify it to my liking:

    3. I would preview. If I liked what I saw, I’d click on save.

    To remove a border from your header, all you have to do is delete the number of px or change it to 0. Easy peasy! 

    Happy Blogging!

    Click here for more assistance.

    Related Posts:
    Adding Borders
    Customize The Border Around Your Post Photos

    Have you been helped by my tips? 
    Consider grabbing my button or adding this blog to your bloglist!

    Want to share this tip with your readers?
    I would be honored for you to link back to this post!

    ALL CONTENT © SNEAKY MOMMA BLOG DESIGN 
    Please do not copy and paste my words and images into your own posts.
    I work hard on my tips and and wish for everything to remain on this blog. 
    Thank you for your cooperation! :)

    Adding Borders-Intermediate

    Putting a border around a section of your blog is not a difficult task, but it does require that you learn a little bit of HTML terminology. This is an excellent way to introduce yourself to HTML if you have been hesitant in the past. Remember to learn these skills on a practice blog and, as always, make sure to download a copy of your current template before adding or deleting anything from your real blog.

    There are four decisions you must make before putting a border around a section of your blog:

    1. Where do you want your border? - You must be able to identify in HTML speak which section you want your border to go around. Refer to the handy-dandy little diagram below to help you learn the parts of a blog.



    orange- body

    blue- outer wrapper

    green- main wrapper

    yellow- sidebar wrapper and new (or left) sidebar wrapper if you have a 3 column template

    red- *header

    2. What kind of border do you want? Do you want it to be solid, dotted, or dashed?

    3. What color do you want your border to be? You will need to know the six digit hex code of the color you wish to use. Free programs like ColorZilla can help you with this.

    4. How wide do you want your border to be? I find it easiest to use pixels (px) as a border measurement. 5 px is usually a great place to start. You can easily play around with the size of the border.

    Once you know the answers to these questions, you will have to create a line of code in order to insert a border where there once was none. If you are simply changing a border, then the code is already written and all you have to do is modify it a little bit.
    ------------------------------------------------------------------

    Steps to putting a border around a blog section:

    1. Locate the section of the blog within the 'Edit HTML' part of your template.

    2. Copy and paste this code border:5px solid #000000; under the name of the section.

    3. Modify it to your liking by changing the width (5px), the type (solid) and the color (#000000)

    4. Preview. If you like what you see, click Save.

    ------------------------------------------------------------------

    For example:

    1. I wanted to put identical borders around my sidebars. I referred to the diagram above and found that the HTML terminology for this section is 'sidebar wrapper' and 'new sidebar wrapper'. I scrolled down until I found this section of my template:



    2. I copied and pasted the code border:5px solid #000000; directly under #sidebar-wrapper and again under #left-sidebar wrapper (in red boxes below)



    3. I decided that I wanted a white, solid border, 5px wide. I changed #000000 (black) to #ffffff (white) in both lines of code. Since they already called for solid 5px wide borders, I did not have to change anything else.

    4. I previewed, liked what I saw, then saved.

    Of course, you could write your own line of code in step 2 if you didn't want to copy and paste mine. I find it a lot easier to modify something rather than create a new line every time.

    Happy Blogging!

    For more help with borders, click here or here.

    Related Posts:
    Remove The Border Around Your Header
    Add/Remove Borders Around Photos In Posts

    Have you been helped by my tips? 
    Consider grabbing my button or adding this blog to your bloglist!

    Want to share this tip with your readers?
    I would be honored for you to link back to this post!

    ALL CONTENT © SNEAKY MOMMA BLOG DESIGN 
    Please do not copy and paste my words and images into your own posts.
    I work hard on my tips and and wish for everything to remain on this blog. 
    Thank you for your cooperation! :)