Stylizing your blog or website is extremely beneficial and has massive significance as it not only attract users but also looks neat and clean, mostly blogger and webmaster spends tons of bucks in stylizing and customizing their blog’s design which is indeed an upright move. When blogger provides codes in their blog they usually provide in the normal way, normal text writing that we usually do, “code is not text” we need to stylize it and also make it more prominent different from our plain text. To resolve the issues, we have introduced a Syntax Highlighter which is exceedingly popular in WordPress but now you have the luxury of using this splendid tool in Blogger BlogSpot blog.
What is Syntax highlighter
Syntax highlighter is a brilliant tool to show CSS, Html, JavaScript, SQL and many other languages code in your post body. It arranges your coding in lines which makes it look more prominent. You will even get the choice to select from multiple themes, which will add more color to your blog and make it look worthwhile.
How To Add Syntax Highlighter To Blogger BlogSpot Blog?
Adding syntax highlighter to a blogger is an enjoyable and uncomplicated procedure. We have created an exceptional Syntax Highlighter tool for your convenience so if you follow the following steps sensibly I am certain you will be able to get it right, now let’s look at the tool which we will use in this tutorial.
Step#1: Copy all the code below or ទាញយក
Step#2: Now go to Blogger >> Template>> Edit HTML>> Proceed
Step#3: Then within the template Search for </head>
Step#4: Now when you find the </head> ending tag, just above it paste the code which you copied previously from the Step #1.
Congratulations! Syntax highlighter is now fully integrated in your blogger BlogSpot Blog. And now you can use Syntax highlighter with command.
Insert HTML/CSS/JavaScript Code in Your Posts Using SyntaxHighlighter:
Now if you want to insert CSS coding in your template then Go to Blogger.com >> Post >> Add New Post >> Select Edit HTML Tab and paste the following code.For CSS (Style Sheet)
ADD-THE-CSS-CODE-HERE
For HTML Coding:
ADD-THE-HTML-CODE-HERE
For JavaScript Coding:
ADD-THE-JavaScript-CODE HERE
Customization:
Replace ADD-THE-HTML-CODE-HERE with your CSS style sheet coding.
Don’t forget to replace ADD-THE-HTML-CODE-HERE with your HTML.
Replace ADD-THE-JavaScript-CODE HERE with your JavaScript coding.
If you have not integrated the Syntax highlighter correctly using our tool, then the possibilities are extremely high that you might notice a pop out which will indicate that something is going wrong. For Example, you are using in your blog post but you have not included the CSS Syntax highlighter scripts in your header then you will see the following error.
Post a Comment Blogger Facebook
EmoticonClick to see the code!
To insert emoticon you must added at least one space before the code.