Removing The Title Of The Welcome Image

Usually, a welcome banner is included in the PSD file for your welcome image and when you upload this image into your blog using the Image gadget, the title field cannot be left blank, forcing you to have another "Welcome" sign above your profile image. So you would want to get rid of it. Follow these steps:

1. Upload your image using the Image gadget and give it any title. Save.
2. Right click on the image and click "Inspect element" to find the widget's id.

3. Just 2 lines above the highlighted text you will the widget's id. In my case, it's Image1. It could be Image2 or Image3 depending on how many images you have uploaded using the Image Gadget prior to this.

4. Go back to your blog and click Template > Edit HTML.

5. Click anywhere within the HTML area and press Ctrl+F.

6. Type the widget ID in the search box and press enter. Keep pressing enter until you see something like the image below. Expand the widget by clicking on the arrow found on the left.

7.  Expand the highlighted line below by clicking the arrow again found on the left.

8. You should now see something like this:

9. Delete this line below

10. Click save and you're done.

Template Installation Guide

The package is in a rar format so you will need a decompression tool such as WinZip/7zip/Winrar to access the files inside it.

Extracting the files

1.  Right click on the RAR file and click "Extract here"

2. After extracting, you will see the icons folder, XML file, instructions text file and profile image PSD file(depending on the template your purchased).

Uploading the XML file into your Blogger blog

1. Log in to your Blogger account. Go to Template and click "Backup/Restore" button found on the top right side of the window.

2. A new window will show. Click "Choose file" and locate the XML file.

3.  Click upload. Done!

Installing The Social Media Icons

Uploading the Social Media Icons

1. Inside the icons folder are seven 32x32 social media icons in PNG format. Upload the images you are going to use. I prefer Picasa.

2. Open your text editor and copy the code below:

<a href="http://www.facebook.com/illuminartsy">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguN7WOz3FclBToD9rkiIOQOZAqTtWooLXIhSop7yJa9MxS_EUhOThXobjcikRbVODYI1mh1GqizOv1wvpOOnBveCjCGC9Iq7vdGrvQVXiMpWGDZTqTUomQNmrpY98BgTbWWDlivlVAuCE/s128/fb.png"/></a>

The part that is highlighted in yellow should be the URL of your social media account. Change it and leave everything else as is.
The part that is highlighted in fuchsia should be the URL of the image of your social media icon. Change it and leave everything else as is.

Do this for the rest of your social media accounts. It should look like this when you're done.

3. Go back to your Blogger blog. Click "Layout" and add a new gadget.

4. Click "HTML/Javascript"

5. Go back to your text editor. Copy everything and paste it in this gadget.

6. Click save and you're done!