Skip to main content

Posts

How to prettify code snippets in Blogger and BlogSpot posts

Programmers and people who post about code know that syntax highlighting (code coloring) can help readers differentiate code blocks from other sections of content. Adding that feature to Blogger and BlogSpot posts is just a matter of copy-pasting some JavaScript.
Recent posts

How to use FontAwesome icons on Google Blogger

FontAwesome provides an outstanding set of icons for anyone to use on the web, no cost. To use the icons on Blogger: - In your dashboard, go to **Theme**. - Click *Edit HTML*. - Type `CTRL-F` (`CMD-F` on Mac) to do a search. - Type */head* and press `Enter`. - Click to the left of the **</head>** tag to place your mouse cursor there. - Paste in the following code: `<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" rel="stylesheet"></link>` - Click *Save theme*. That's it. Now, you should be able to use the icons by copy-pasting the codes they provide like this: `<i class="fas fa-user-astronaut"></i>` You can paste that code into an HTML/JavaScript widget or directly add it to posts by using the HTML option in the editor. For optimal use, get the link code [Fo

Use Blogger Again

Google's Blogger.com (also including BlogSpot.com) is a tried and tested platform with vastly unused potential. Most people gravitate toward WordPress.com because of its greater popularity and admittedly, much more accessible and capable interface for content creators. As a result, people are generally unaware of some of Blogger's great benefits, among which is its notable extensibility through JavaScript. This simple blog aims to highlight some of the tricks we can pull off here at Blogger, with a special focus on CSS for design and JavaScript for adding front-end features.