How to Add Banner of Your Own to Programs Your Join

I can see that a reader of this blog is having trouble to use his/her own Banner for program he/she joined. So, I write a short tutorial to guide him/her to use self created custom banner for programs and use it on blog.

1st Step:
Of course, you will need a banner. You can either create it using Paint, Photoshop or any other softwares that you are familiar with. Normally, I use Paint because it is loading much faster than Photoshop.

2nd Step:
Upload to Blogger in your blog post.
i. Go to "Create new post".
ii. Click the "Add image" button and upload the image of your banner.

3rd Step:
Your code will look like the code below:


You only need the "THE LINK/URL OF YOUR IMAGE". Copy it.

4th Step:
This will be the code to make the banner appear on your blog.


Copy the code above and then change "YOUR REFERRAL LINK HERE" to your referral link and change the "THE LINK/URL OF YOUR IMAGE".

5th Step:
Your complete code will look like below:


Then, copy the completed code above and paste to your blog using the "Add a Page Element" and then paste the completed code in "HTML/JavaScript".

Finally, save your template.

That is it. Now, your banner will be showing on your blog and if you want to make changes, you could always make changes to your code.