• Home
  • Artist statement
  • C.V
  • Portfolios
  • Photo Gallery
  • Blog
  • Info
  • Contact
  Myungja Anna Koh

Tutorial

How create before and after slide image in Weebly

8/10/2021

0 Comments

 

Before and after slider widget for weebly

 In the last post, I introduced the before and after scene as follows. 
Picture
 When you need to express this before and after, using an image slide that can naturally show these images is more effective. If you visit the fortress website, you will see it often.

​Below is a website that provides before and after image slides. You can use the service for free if you use simple functions. (If you want to move the site, please click the below screen)
Picture
Picture
​How to use is as follows: After selecting your favorite slider style and then Click the button at the hot pink bottom(Continue with this templates) left of the screen.​ 
Picture
 ​Click on it and you will see the below screen, and then click the dog_2.jpg. 
Picture

And then please upload your before image from your computer.

Picture
Picture
Picture
You have to upload the after image by using the same process like above. 
Picture
Picture
Picture
 ​Resize to fit the screen. You can resize it by going to the tab menu (Layout) below.
Picture
The widget service consist of 4 tabs such as Content, Layout, Settings and Style. You can adjust the values if you want to change it. 
​When you're done adjusting, click the light green button (Join to install) at the bottom.
Picture
 ​In my case, I signed up through my Google account. Once you sign up and choose the free plan, you will be taken to the screen below.
Picture
Picture
You can clikc the add to website button like below. 
Picture
And then you can get the related code to apply in your website. You can just copy it and return to the weebly editor. 
Picture
Next, drag and drop the embed code from left weebly editor's menu to the place where you want to put on it. 
Picture
Picture
 Here is the final image! ​I hope everyone gets a nice before after screen.
0 Comments



Leave a Reply.

    Myungja Anna Koh

    Artist

    Annakoh search bar

    Categories

    All
    Art & Data Analysis
    Book For Artist
    Coloring Book
    Daily Art
    Digital Art
    Drawing
    EcoArt
    Guinea Pig
    Illustrator
    IT Tip For Artist
    K-Culture
    Marketing For Artwork
    Photoshop
    Weebly

    RSS Feed

    Archives

    May 2022
    April 2022
    March 2022
    February 2022
    January 2022
    December 2021
    November 2021
    October 2021
    September 2021
    August 2021
    July 2021
    June 2021
    May 2021

    ConveyThis
Powered by Create your own unique website with customizable templates.
  • Home
  • Artist statement
  • C.V
  • Portfolios
  • Photo Gallery
  • Blog
  • Info
  • Contact