How to design and embed HTML Slider with Canva
Among the very many ways to Fascinate and keep your reader coming back to your website or blog is through the use of sliders.
Sliders create very attractive view to your website visitors by displaying a range of important contents.
This blog post is focused on helping website owners and bloggers to easily design and embed an attractive slider code into your website or blog.
To design an attractive slider, we would employ the use of canva design tool. This has proven to be one of the most easy and fastest way to design all kinds of slider designs.
To get started, you need to go to www.canva.com on your desktop computer or PC. Canva is best designed on either of these two. A mobile phone isn't a perfect option but can also be used.
Now that you are in, let's get started!
Step 1- Go to presentation
Step 2 - Choose or upload your designs to each page of your slider
Step 3 - Add your timing
The timing helps to determine how long a slider will be displayed when the slider is live. The range is estimated in seconds.
Each of the design pages can be timed as you desire and animated as well. The total display time is usually displayed at the top right corner of the design page. It also has a review feature.
Step 4 - Animate your page design.
The Animation of every single design page or element can be done by following the three steps below.
1. Left click on page or element.
2. Click on Animate at the top left corner of your design interface.
3. Select your Animation style.
see also: 1hr Blogger complete Setup for beginners
Embed your slider
Canva makes it very easy to design, copy and embed your slider design as an HTML code. This code is to be pasted into your website.
Steps on how to embed your slider:
1. Click on Share
2. Select More
3. Select Embed 2x
4. Copy and paste code into your website.
I hope this was helpful.
Kindly leave a comment below.
Comments