Perfectly Irresistible

Design for Logo, Print, and Web

  • Bloglovin
  • Email
  • Facebook
  • Pinterest
  • Twitter
  • About
  • Pricing
  • Blog
  • Portfolio Gallery
  • Resources
    • Tips & Tutorials
  • FAQs

Blogger Tutorial – How to add an image in Post Title

Adding an image in post title is not so hard. First, you create your own image in Adobe Photoshop Elements -or- other graphic design software. I’d recommend that an image is 40px wide x 40px height. Secondly, you finish making your image and you can upload it in the Photobucket.com or in the Blogger (See an instruction). Get a copy of your direct link.

Let’s follow the step by step tutorial…

postimage1

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Step 1 – Go to “Template” and then click “Customize”.

 

sidebarimage1

 

Step 2 – Go to Advanced and then click “Add CSS”.

sidebarimage3

 

 

 

 

 

 

 

 

 

 

 

Step 3 – Copy and paste the code in “Add CSS” box. Don’t forget to replace the red URL with your direct link.

.post-title{
background:url(“your direct link“);
background-repeat: no-repeat;
background-position:left;
height:40px;
margin:0;
padding:10px 3px 0 80px;
}

 

Step 4 – Click “Apply to Blog”.

 

postimage3

 

 

And – you see that my blog has a beautiful image right next to the post title!

Joyce-2015Hi, I am very pleased to meet you all. My name is Joyce. I am a full-time blogger and graphic designer. My mission is to help you to feel greatly satisfied with the design services here.


Thank you for visiting here.
  • Bloglovin
  • Email
  • Facebook
  • Pinterest
  • Twitter

Join the Newsletter

Subscribe & Receive the Freebies, giveaways, and discount offers for your next order!

Search in this Site

My Fabulous Sponsors

Starting a website? Here are two of the web hosts I use.

StudioPress Premium WordPress Themes

Copyright © 2023 · Genesis Sample Theme on Genesis Framework · WordPress · Log in