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

From CommLab India By
URL: http://blog.commlabindia.com/elearning-development/add-watermark-to-elearning-course-storyline-method-2#more-55946

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.

Advertisements

One thought on “How to Add Watermark to Your E-Learning Courses in Articulate Storyline – Method II

  1. Pingback: Add Watermark to Your E-Learning Courses in Art...

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s