From scratch using html css and javascript and we had used an api to generate all these memes so if you want to learn how to create this from scratch you can watch that video i will leave.
The link in the description of this video and i will also leave the link of the source code so you can just copy and paste the code to your websites so this is basically how it works we can see.
That when we load this page we have this meme displayed over here and we have the title the image and the meme author displayed over here and then we have this button called generate meme and if.
I click on that here we can see we have a new meme displayed over here we have the title the image and the meme author so this is what we're gonna add in our blogger website so let's get started.
right here i'm in the dashboard of my blogger website and you can add this meme generator inside a post or a page.
And the javascript so first of all you have to make sure that you are in the html view so click on this button and click on html vive right now let's add the code over here.
So first of all we will add the css so let's create a style tag and let's go to our source code and i will leave the link of the source code in the description so let's go to.
Style.css file and let's copy everything from here and let's paste it over here right now let's add the html so i'll just make some space over here.
So let's go back to our source code and let's go to the html file and let's copy everything inside the body and let's paste it over here and now.
Let's add the javascript so let's create a script tag and let's go back to our source code and let's go to the main.js file and let's copy all of this from here and.
Let's paste it over here inside the Wesdigital
Script tag right now if you take a look at this function called generate meme we have this url of the api now here in place of.Wholesome memes you can just add the name of any subreddit so it will display the memes from that subreddit to your page for this example we have added this subreddit wholesome memes.
And if you remove this all together and just keep this url then you will get any meme from any subreddit i'll just keep it to hold some memes and let's click on publish.
And confirm right here we can see our post has been published let's click on view and here we can see we have this meme displayed over here we have the title.
The meme image and the meme author and now let's click on generate meme and here we can see we have a new meme and we have the title the image and the meme author so everything is working all.
Right so that's basically how you add a meme generator to your blogger website now if you want to learn how to create this from scratch i have video on that so you can go ahead and watch that i.
Will leave the link in the description of this video and i will also leave the link of the source code alright so that's basically it for this video if you have any doubts you can ask in the.
Comments below and if you like this video please click on the like button and subscribe to this channel to get the latest video updates thanks a lot for watching have a nice day.