ckeditor - CK Editor add style for a page -

how add style using ck editor ?

i want create style use in class attribute on liferay editor .

for example -

in page javascript section

ckeditor.xxxx(// add style class red color called 'myred') 

and in editor -

<p class="myred">text</p> 

would give red text .

place in theme:

.myred {    color: red; } 

then include class in source mode of editor described in question:

<p class="myred">text</p> 

that's it.