I recently received a number of messages from Blogger (Blogspot) users asking for help in uploading sample articles for Facebook Instant Ar...
Internet
Facebook Instant Articles for Blogger (Blogspot) users
Admin InternetHave you ever clicked on a link on a cellphone or tablet only to click on the back button in frustration because the page took too long to l...
The pineapple on pizza debate
Admin InternetA few weeks ago, I was having breakfast with a friend when I noticed how she was carefully plucking the pineapples from her Hawaiian pizza a...
Facebook Instant Articles activated for my Blogger (Blogspot) blog!
Admin InternetI have started using Facebook Instant Articles for this blog. Instant Articles are mobile articles that are hosted on Facebook and use a str...
International Space Station tracker with embedded live video from space
Admin InternetThis article demonstrates how to embed a video in a Google Map. The method involves identifying the video iframe with an 'id' tag an...
Track the International Space Station using Google Maps
Admin InternetUsing satellite-tracking data provided by the National Aeronautics and Space Administration (NASA) or the North American Aerospace Defense C...
Structured data: Using the potentialAction item property to mark up social buttons and forms
Admin InternetDo you want the social-media buttons (like, share, follow, +1 and tweet buttons) as well as the comment, search and subscription forms on yo...
Creating responsive YouTube videos with CSS
Admin InternetBelow is the method that I use to create responsive or fluid YouTube videos. This is based on an article by Thierry Koblentz with some modi...
Create rounded profile pictures with CSS
Admin InternetHere's an easy way to display a rounded or oval profile picture from a square or rectangular image without editing it. To make a rounde...
Use the wbr tag when spelling out links
Admin InternetAlways use <wbr> (word-break opportunity) tags when spelling out a long link. Do not assume that it will break automatically when the...
Drop-caps CSS for Firefox, Chrome, Edge, Internet Explorer, Opera and Safari
Admin InternetBelow is the CSS code to create drop caps (or dropped initials) for Blogger templates. I have tested it on Firefox, Chrome, Edge, Internet E...
Make images resize automatically to fit horizontal space
Admin InternetI use the following HTML code to make images adjust to the width of their container automatically. In the sample below, the original image i...
Basic responsive design using media queries
Admin InternetWith the increasing use of Internet-capable mobile devices it is becoming more and more important to design websites that are viewable at di...
How to create a printer-friendly page
Admin InternetIf someone wanted to print out a page from your blog, chances are they would only be interested in printing the main content of the page and...
10 Website testing and optimization tools
Admin InternetHere are 10 useful tools for testing your website's quality, speed and mobile readiness. W3C Markup Validation Service – This is an e...
Metro Manila Map -- Google Maps JavaScript API
Admin InternetBelow is a simple map centered on Metro Manila, Philippines, which I put together using code samples from Google Maps JavaScript API. It fe...
Facebook Debugger
Admin InternetSometimes Facebook's Like and Share buttons will continue to show the old snippet and thumbnail of a link even after you have changed th...