How to add Syntax Highlighter Customize Blockquote to your blog!

All the blogs that share tutorials on web development have to share the code in different places so it is necessary to use Syntax Highlighter to make the code beautiful and attractive. Syntax Highlighter adds a variety of colors and designs to blog code. Google Blogspot blogs do not have any such code highlighter option by default. Today’s Syntax Highlighter is not our own design. It created the popular code highlighter Prism. This code highlighter is used by many good blogs. We will only share with you how to add it. Using Prism’s Syntax Highlighter, you can highlight all the blog’s HTML, CSS, Javascript, Php and other codes. It supports all modern browsers so it won’t have any problem in displaying the code. Prism’s Syntax Highlighter will highlight your code as shown below.

 

 

 

 

 

 

 

 

Add attractive Customize Blockquote to your blog!

How to add Syntax Highlighter Customize Blockquote to your blog! In any blog, Block Quote or Block Quotation usually highlights some of the text of the blog post. This is actually done to give the visitors a clear idea about the section of the blog. Also, when any type of Html, Css and JavaScript code is shared on the blog, Block Quotation is used to identify them easily. All types of blogs use different styles of Block Quotation. Today we will share with you 1

 

 

 

 

 

 

 

 

Customize Blockquote Css Style.

<link href=’//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/styles/atom-one-dark.min.css’ rel=’stylesheet’/>
<script src=’//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.10/highlight.min.js’></script>
<script type=’text/javascript’>
//<![CDATA[
$(document).ready(function() {
$(‘pre’).each(function(i, block) {
hljs.highlightBlock(block);
});
});
//]]>
</script>

 

 

 

 

 

 

 

 

How to do?

First login to your blog.
Then click on Template > Edit Html.
Then search for the </head> section by pressing Ctrl+F from the keyboard.
Download the code from here Download Click here
Paste just above the template’s </head> tag.
How to write the code:
How to add Syntax Highlighter Customize Blockquote to your blog!
How to add Syntax Highlighter Customize Blockquote to your blog!
CSS writing rules

 

 

 

 

<pre class=’css’> <!– Write your CSS code somewhere –> </pre>
HTML writing rules
<pre class=’xml’> <!– Write your HTML code somewhere –> </pre>
JAVASCRIPT WRITING RULES
<pre class=’javascript’> <!– Write your JAVASCRIPT code somewhere –> </pre>

Leave a Comment