Visit our latest posts »

How to add your own custom header in the Softlight template

2

Category:

Click on the images to enlarge!



The pictures go in order from left to right. The steps correspond to the images in order.


Steps:

1) This is a preview of what you are going to accomplish in this tutorial

2) In Photoshop create a new image. This image must be 480 x 80. It must be in RGB Color mode 8 bit. Your background must be transparent!

3) Now you should have a transparent background image on which you can work on. So have fun and be creative with your image

4) This is an example of the image that I made. As you can see the background behind the image is still clear/checkerboard.

5) Now that you are done with your image, go to "File" -> "Save as"

6) Give your image a name. Save it as a .PNG image!

7) For the preferences that it asks you, click "none" and than "ok"

8) Upload your image to Photobucket (you can make a free account), and give it a title

9) Go to your image that you uploaded on Photobucket and copy the "direct link" to your image

10) Now go to you blogger dashboard and select "layout"

11) Go to your header rectangle and select "edit"

12) Now in the middle where it says "image," click on "from the web" option. Paste the direct link of your image, that you hosted on Photobucket here. (make sure to have "shrink to fit" selected)

13) Your image should now appear. (If it doesn't appear, keep clicking in the general area and it should appear (blogger is stupid sometimes)) Now make sure to save!

14) Yay! You now have your personal header for this "Softlight template"

This Tutorial was brought to you by Zixpk.com

Comments (2)

Tank you

:)

Nice one! Thank you ~

Post a Comment

If you wish to add a hyperlink in your comment use this code inside the quotations "<a href="Your_Link_Here">Text Description Here</a>"

ads

Your Ad Here