Tips & Tricks

Display Google Search Results in an iFrame by adding &igu=1 to the end of an URL . . .

Voice and speech synthesis-powered Sticky Notes! Artyom.js is a wrapper of the speechSynthesis and webkitSpeechRecognition APIs to add voice navigation to your websites.

Add speech interactions to your blog posts with these itsy bitsy javascripties! AnnYang is a tiny javascript library that lets your visitors control your site with voice commands. It supports multiple languages, has no dependencies, weighs just 2kb and is free to use. And there are more...

In an earlier post we learned how to add a Table of Contents to our posts and pages. In this post I've wrapped the same TOC inside the HTML5 accordion element from another earlier post. <— Here we combine the two into a collapsible

Add this accessibility widget to your Ghost site. It's free and simple to install, and instantly makes your site universally accessible. See the green tab at the lower left?

A Hassle-Free Way to Self-Host Google Fonts for your Ghosty site. 987 fonts to choose from. Copy and paste CSS, and a downloadable .zip to extract into your /fonts/ directory.

Use CSS Positioning to control your layout and the behavior of the elements on your pages. Got 15 minutes for a succinct video intro?

Add Tooltips and Popups to your Ghost posts with Tippy.js, a complete tooltip, popover, dropdown, and menu solution, powered by Popper.js.

Here are two different Ghost blogs embedded into one post . . .

Article History/Revisions in Ghost are only partially implemented. Here is a way to access the 10 revisions that are currently stored in the SQLite database . . .

Add a beautiful, fully functional contact form to your Ghost blog or website without paying for external services.

Play-With-Ghost.com - a playground to explore Ghost by using it . . . Log into the backend (admin area) of a Ghost site. (No worries - you can't break it.)

How to Display the Last Updated Date of Your Posts in Ghost.

A recipe for implementing fun Javascript behaviors on your Ghost site. Here we install the Table of Contents Plus on our Ghosty in 3 quick steps. TTL: 15 minutes.

This website is neither static nor headless :-) I'll go there after someone else has simplified that process a bit. In the meantime, Ghost's inherently efficient architecture makes optimization tweaks mostly inconsequential. But, I do always notice (and do always loathe) even millisecond delays.

In Chrome, while looking at your live post, click one button to enter editing mode for that post or page.

Make your Ghost site's front page display "Featured Posts" at the top of the page regardless of the date.

You can re-use the same HTML that generates the bookmark cards on your Ghost site. In the editor, add an HTML block, paste in the HTML, and edit the contents.

Run this installGhost.sh script (as root user) in the cPanel terminal of your Cloud VPS (or other terminal) to download and install all needed components to run Ghost on your Cloud VPS. Not for use on shared hosting.

GHOST LANDING -- a Ghost blog themed as a business site with a modern landing page

On the home page of this site (at the top of the header image) is a menu. In Casper, by default it shows only your site links (not your logo). I wanted that menu in the header image to include my site logo as

Below is a Ghost Blog themed as a Flip-Book. I've embedded that site into this page using an iFrame... you can swipe to turn the pages if you're using a touch screen. Or, you can click the bottom of the pages... You can also