Train the Trainer eCourse: Microlearning Nuggets
Share Twitter Facebook LinkedIn Google+

How to Add Watermark to Your E-Learning Courses in Articulate Storyline – Method II

Written By Satish Kumar Viyyapu

How to Add Watermark to Your E-Learning Courses in Articulate Storyline–Method II

Many training managers ask us to add a watermark to their elearning courses. It is quite easy to add a watermark to an online course. Recently, we were asked by a client to add his organization’s logo as shown in the image below.

This is a simple 4 step process(done within the publish files), which I would like to share with you all in this post.

Step 1: Develop the eLearning course as per the requirement and publish it.

Step2: In the published folder, open the story.html file in a text editor

Step 2

Step 3: Before placing the above code, paste logo.png image in the published folder.

Step 3

Step 4: Under style tag, place a piece of code in the location as shown in the screenshot below.

Code: background-image:url(“logo.png”);

Step 4

It’s done! Now, double click the story.html file to view the watermark added to your eLearning course. Refer to sample screenshot below for the new output.

 Step 5

Hope this postis useful. Please do share your feedback.

View E-book on Making Articulate Storyline Dance to the E-learning Developer's Tunes


Subscribe to Our Blogs

Get CommLab's latest eLearning articles straight to your inbox. Enter your email address below:

eLearning Learning