Adding & Customizing Nicely-formatted Blocks of Source Code on Your Website using SyntaxHighlighter

By Gabriel Staples
Written: 21 Oct. 2016
Last Updated: 21 Oct. 2016

Related Articles:

• How To Use Basic HTML Text Formatting for Google Blogger Comments (add bold, hyperlinks, & italics to blog comments)

Other Articles:

• Arduino-like millisecond (ms) and microsecond (us)-resolution timestamps in Python: millis(), micros(), delay(), & delayMicroseconds()
• BattleBots Season 2 "Buzz" Fire Drone for Team Caustic Creations, with Team Interviews & fire-shooting Videos
• The Power of Arduino
• Restoring/Recharging Over-discharged LiPo (Lithium Polymer) Batteries!
• Parallel Charging Your LiPo Batteries
• Using the Arduino Uno’s built-in 10-bit to 16+-bit ADC (Analog to Digital Converter)--an Article on Oversampling
• Beginner RC Airplane Setup

For quite some time now I've needed a nice, clean way to post snippets of source code, such as C++, Python, or HTML, on my website here. Finally I decided to figure it out. Here's how it's done. Note that my website is hosted on Google Blogger, but your website on Wordpress or anywhere else should also work just fine with this "SyntaxHighlighter" tool by Alex Gorbatchev that I'm about to present.

How To Use Basic HTML Text Formatting for Google Blogger Comments (add bold, hyperlinks, & italics to blog comments)

By Gabriel Staples
Written: 12 Feb. 2015
Last Updated: 10 Oct. 2017
History (newest on top):
-Added links to hostinger - 10 Oct. 2017 
-Misc. updates - 21 Oct. 2016
-Major overhaul of the table formatting - 25 April 2015
-Added "entities" and additional clarification - 14 Feb. 2015
-Added screenshot of HTML-formatted comments - 21 Oct. 2016 

Other Articles:

• Site Map/Table of Contents - link just added to the top of this website! See above.
• Using the Arduino Uno’s built-in 10-bit to 21-bit ADC (Analog to Digital Converter)
• The Power of Arduino
• Beginner RC Airplane Setup
• Recommended Soldering Kit & Tutorials (for Arduino, Electronics, & Radio Control)
• Thunder AC680/AC6 Charger & Computer Data-Logging Software
• Parallel Charging Your LiPo Batteries

Intro:

I've been wondering how to put hyperlinks in blog comments for quite some time now, so I finally did a little research to find out how!

Normally blog comments are plain text, but here's a sample screenshot of an HTML-formatted comment, just under this post, which I'm about to teach you how to do yourself.

Read on.

If you'd like to make your next comments at the bottom of an article a little more fancy, with hyperlinks, bold, or italics, for example, here's how!  Feel free to practice your new skills in the comments below this article too, as scratch space to test your syntax.

The following commands are accepted in Google Blogger comments:

HTML Commands ("tags"):

Command ("tag")	Effect
<b>...</b>	Bold text
<i>...</i>	Italic text
<a href="URL">NAME</a>	Creates a hyperlink named NAME, to website URL