You might also like

Loading...

Prompt
0%

Syntax Highlighter Color Theme For Blogger

August 07, 2015 ShortCodes
-- min read -- words
0 Prompts
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 HTML
2. 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

syntax highlighter Django theme shortcode
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDjango.css' rel='stylesheet' type='text/css'/>

RDark theme

syntax highlighter Rdark theme shortcode
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>

Midnight theme

syntax highlighter Midnight theme shortcode
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/>

Eclipse theme

syntax highlighter eclipse theme shortcode
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css' rel='stylesheet' type='text/css'/>

Fade to Grey theme

syntax highlighter Fade to grey theme shortcode
 <link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeFadeToGrey.css' rel='stylesheet' type='text/css'/>

Emacs theme

syntax highlighter emacs theme shortcode
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/>
4.Save your template.Done ! 
You May Also Like
Discover more amazing prompts

Scan QR Code

Scan with your phone to open this prompt