20 Ways To Make $5000+ From Home. Earn Now!

Table of Content

Syntax Highlighter Color Theme For Blogger

Syntax Highlighter Color Theme For Blogger,change shortcode syntax highlighter color theme,fadetogrey,eclipse,rdark,midnight,emacs in blogspot blog website
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.


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 ! 

Post a Comment