0:00
Hello everyone, welcome to Quito Blogging and in this video I will show you how you can create
0:04
an affiliate product table like this and add it to your blogger and WordPress website
0:08
And this table is fully responsive. So let me just show you. So here click on the expect element
0:14
and here as you can see the product table will look like this in mobile devices
0:20
So in this way you can easily add a product table to your website and increase your affiliate sale
0:26
So let me just expand this and as you can see it will automatically take the shape of the
0:34
devices and works perfectly fine for all types of devices. So let's close this and let's check how you can add this table to your blogger website
0:44
And after that I will show you how you can add this to your WordPress website
0:49
So to add this to blogger go to the blog post and here click on new post
0:55
Now let's add a title like affiliate and here you have to switch to the HTML view
1:03
Now you have to copy a code like this. So let me just copy this whole code and paste it here
1:15
Now you have to change the table data. So here as you can see there is a heading like images, product, feature and price
1:24
as you can see in this image images product feature and price so you can change these text from here now scroll down and here you will see a option called p tag Top Peak So this is a tag that is added above the image
1:41
So you can change this tag like topic trending like this and then you have to add the link
1:48
so that when a user click on the image it will take to that webpage
1:53
So here you can add your affiliate link in place of has
1:57
Now you have to add the image source link so that the image will be displayed in the table
2:05
Now you have to scroll down and here you have to add the product name
2:10
And you can also add a link in the product name. And here I have added the real no follow attribute and if you want to add sponsor attribute
2:19
then you can copy this real no follow and change the no follow to sponsor
2:25
And by default, this link will open in a new tab. That's why I have added the target equal to blank
2:32
And if you want to open this in a same tab, then you can remove this
2:37
But all affiliate links should be open in new tab. Now you can add a short product description here
2:45
So here as you can see, this is the product description. So you can change it here
2:51
You can also add a link to the button and change the button like check on a product description
2:55
Amazon so you can change this button text and link from here just add the link in the hash value and change the text so in this way you can add multiple row So to duplicate this just copy this table row to closing table row and let me just paste
3:13
it below. Now a third row will be added to the table and here you can change the product name, product
3:20
image and the product link. Now let's add the style sheet to design this table
3:26
So just copy the CSS code from here. And here paste it below the table code
3:37
Now you have to add a style tag just above and below the CSS code like this
3:46
Now scroll down and add a closing style tag. Now let's publish this page
3:58
Now let's open this page in a new tab. Okay, as you can see, the product table is added to our blogger website and here as you can
4:05
see we have three row in this table. So in this way you can add multiple row to your table and let's check how it looks in mobile devices
4:14
So as you can see, it will automatically change the style in mobile devices and looks good
4:20
in mobile device also. So let's close this and let's check how you can add this table to your WordPress website
4:28
So let me just go to the blog post and here click on Control Plus All and let copy this Now go to your WordPress dashboard and here in the post section click on Add New or you
4:42
can open an existing blog post. Now let's add a title and here click on the Plus button
4:54
Now search for custom HTML and click on this wizard. Now you have to paste the HTML code here
5:05
Now you can click on the preview button and it will add the affiliate table like this
5:10
So let's publish this and let's open this in a new tab
5:17
And here as you can see the affiliate product table is added to our WordPress website
5:24
So in this way you can easily add product affiliate table to your blogger and WordPress website
5:30
I hope you got the idea how to add this Appellate Product Table to your website and if you
5:37
have any doubt regarding this, then you can ask me in the comment section
5:41
And if this video helps, then make sure to hit the like button
5:44
And if you are new to this channel, then consider subscribing for more upcoming videos like this
5:49
And if you want to add a responsive HTML table to your website, then you can watch this video
5:55
Here I will explain how to create a responsive HTML table and add it to your blogger website
6:00
But you can use the same technique to add it in WordPress website also
6:06
I will see you in the next video. Thank you
