Friday, April 4, 2014

How to add a blog post signature to blogger!

Lets talk about blog post signatures. Let's face it, you want one! Who doesn't? They just complete the look of your template! Well now you can add yours to your template, for good! Which means, no more having to upload your blog post image every single time you create a post, no more having to go through your entire list of posts just to change the little image at the bottom of each post! This will do the trick in one nice sweep.

1.) First, create your image. Here is mine;


2.) Upload your image to your favourite image hosting website. I use tiny pic just because its quick, easy and convenient!

3.) Log into your blogger account, and go to "Customize". Then go down to "Advanced" and search for "Add CSS".



4. Grab the code below by selecting it and pressing "copy" then "paste" it into this white space.

.entry-content:after {
content: url(YOURURLHERE);
margin-left: 250px;
}

5. Grab the image url from wherever you uploaded it, and copy and paste it into the little snippet of code you just grabbed where it says, "YOUR URL HERE". Keep in mind you MUST keep the "Http://" part intact at the beginning of your image url or it WILL NOT WORK!

6. Hit apply to blog and viola! You should now have a functioning blog post signature in every post.

If this tutorial was helpful for you, please let me know and I would be more than happy to post more tutorials to help you in your own blog design adventures! :)
Happy Friday!



5 comments:

  1. This did not work for me. I believe I am entering the information wrong. Where is says content: url (yoururlhere) is where I am confused. should be show content: and then our url information or content: url and then our url informaiton

    ReplyDelete
  2. When you enter your URL, are you entering "http://" before the url? And when you grab the URL, you need to make sure that it is JUST the url, not any of the other html that is available to copy with most image hosting websites :) A URL alone should look like this;

    http://i41.tinypic.com/2i05iix.png

    ReplyDelete
  3. Impressive blog.....I like it..

    Designboxindia.com

    ReplyDelete
  4. Keep posting the same kind of content, much appreciated.

    Graphic Designing Studio

    ReplyDelete

 

Blog Template by RockabooDesigns

Join me on Facebook Follow me on Twitter Subscribe to RSS Email me