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 !
SUMMARY
Syntax Highlighter Color Theme For Blogger,change shortcode syntax highlighter color theme,fadetogrey,eclipse,rdark,midnight,emacs in blogspot blog website
KEEP ON READING...
We hope this article helped you to learn Syntax Highlighter Color Theme For Blogger. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+
Post a Comment Blogger Disqus
0 Comments on "Syntax Highlighter Color Theme For Blogger" So Far - Post Yours!
MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>
Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand