Promoting uniquely is always in the mind of every marketer, and blogger.
We always search for different ideas, we try to create content which is not been published anywhere, and we try to create an attractive and creative advertisement.
When we have to add affiliate banners to our blog, we have to select from the minimum choice of banners provided by the companies. Sometimes we have to choose from the limited available sizes, which normally doesn't look good between the blog content.
I have tried to make banners of my choice and hope you may be also interested to know the method.
1 Create an image
Everyone is not an artist who can create an image on canvas or on Photoshop but many online tools are available to create an image of your choice.
On Canva you can create easily due to many premade templates, and free stock photos or you can upload photos that you have clicked or downloaded from free stock sites like Unsplash or Pexel, featured elements or other elements like icons, grids, shapes, lines, illustrations to beauty.
You can add text in multiple fonts on your image and much more creative you can do on Canva, a free tool although you can have paid version for more images & elements.
The important thing is you can create an image by customizing the dimension as per your requirement.
You can also create an image for promotion on social media separately for Facebook & Twitter in a different required dimension.
You can also create a banner too along with a poster, Pinterest pin & so on...
2 Upload
Upload your created banner image on any image-sharing platform, social media, or Google document.
You can also directly upload your created banner on your blog & change it by editing the URL of the image.
3 Copy the Url of the shared image
Copy the image URL by right-clicking the image.
4 Make HTML code
You might be thinking that making HTML code is difficult in case you are not aware of coding, don't worry I'm also from a non-technical field but I will tell you the simple method of making HTML code for a banner.
-----------------------------------------------------------------------
<a herf ="link of your website">
<img src ="paste link copied of the image"
alt = " text which describe your image"
style = "width:600px;height:300px;border:0;">
< /a>
----------------------------------------------------------------------
You can copy & modify this code to make your banner code.
The banner below is made by me following the aforesaid procedure.
Know the
Basics of HTML code
Enjoy Blogging
Enjoy Marketing
Know more
Everything about Blogging
How to make money from Affiliate Marketing
5 Paste your code
Copy your modified HTML code & paste it into your blog as HTML code & your created banner is ready to display.Enjoy Blogging
Enjoy Marketing
Know more
Everything about Blogging
How to make money from Affiliate Marketing
4 Comments
Thanks for the code tips. I don’t do much extra coding for posts, I just usually upload the image into WordPress and insert it by Adding Media. WordPress makes it easy, but you also made the coding seem easy as well. Thanks for the tips.
ReplyDeleteThank you for this step-by-step instruction! I have never tried using a HTML code and your explanation is very helpful!
ReplyDeleteI use Canva also because it is so easy to use. Thanks.
ReplyDeleteHi , This is very nice article and useful . keep doing good work. Thanks for sharing this amazing post and helpful information.
ReplyDelete