Add a logo to your blog title


#1

Pro users can add a logo to their blog header by uploading it to somewhere like Snap.as and adding a bit of CSS.

Add a logo to your title

This will add a logo to the left of the blog title, as seen on the Snap.as blog:

#blog-title a {
 background: transparent url('https://snap.as/img/logo-mark-sm.png') no-repeat bottom left;
 padding-left: 42px;
}

(just replace https://snap.as/img/logo-mark-sm.png with the URL for your image, and adjust the padding-left to fit)

Replace the title with an image

To replace the title with an image entirely, use this:

#blog-title a {
    background-image: url(https://snap.as/img/logo.png);
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    display: inline-block;
    width: 200px;
    height: 50px;
    background-size: 200px 50px;
}
#post #blog-title a, #subpage #blog-title a {
    /* Change size of logo on post and tags pages */
    width: 100px;
    height: 36px;
    background-size: 100px 25px;
}

(be sure to replace https://snap.as/img/logo.png with your image URL and adjust the width, height, and background-size)