How to add canonical tags in Dotnetnuke 7.x (DNN) dynamically.

I was working on Dotnetnuke 7.x where I wanted to add canonical tag for all the pages dynamically.I stumbled upon some forums and blogs where it was only talking about 4.x and 5.x versions that is by adding manually to all the pages  later i found out a option on DNN7.1 where we can dynamically add canonical tag to all pages. This tutorial mainly focuses adding canonical tag to all pages dynamically in DNN 7.x.