Syntax Highlighter Color Theme For Blogger
In previous post we talked about the how to add syntax highlighter shortcode in blogger.Today in this tutorial we are going to exaplin how to change it theme,we have 7 different type of themes i.e Default theme,Django,Emacs,Fade to Grey,Eclipse,Midnight and Rdark Theme.Before applying theme version on shortcode syntax highlighter,kindly read the post first.
Customization
1. Go To Blogger > Design > Edit HTML2. Search For this code
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>3. Now Replace With Any Of The Following Theme Code.
Django theme
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDjango.css' rel='stylesheet' type='text/css'/>
RDark theme
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>
Midnight theme
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/>
Eclipse theme
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css' rel='stylesheet' type='text/css'/>
Fade to Grey theme
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeFadeToGrey.css' rel='stylesheet' type='text/css'/>
Emacs theme
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/>4.Save your template.Done !
Post a Comment