How to do things

This document describes how to install Apache Cordova and the Android SDK on a Windows machine. This is a quite complex process, which may take some time depending on your previous experience with installing SKDs and build tools. Care has been taken when writing this document to include all the essential steps needed to get you up and running with a successful install. Kindly let us know if there is something you are missing. To develop Android apps, you need to install the Android SDK, and also Java if not already installed on your machine. Furthermore the build tool Ant is required. For the Android SDK, you have the choice between installing the ADT bundle that incudes Eclipse (ADT = Android Developer Tools), or the Android SDK Tools, that does not include Eclipse. In the steps below we will use the Android SDK Tools download. Install Cordova Follow these steps to install Cordova: Install Node.js.  Cordova runs on the Node.js platform, which needs to be instal...

The Blogger platform offers you different mobile templates for your site. You can choose between built-in templates (Simple, Picture Windows,…) or you can select a Custom mobile template, which will adapt your desktop template to the mobile version. This enables you to have a site with a consistent theme on both desktop and mobile versions. One part that might not be consistent though is a header. Depending on the options selected in the Layout section, the mobile template (either custom or built-in) might not show a header image. In this post, we will examine two ways to solve this problem. Header in desktop version Header in mobile version The problem of mobile template not showing a header image will only happen when you have a specific option selected in the Header Configuration Window in Layout section. One solution is to change that option, the other solution (that only applies to custom mobile template) is to modify template code. First, let’s try to sol...

If you have ever  tried to access your blog from a mobile device then you might familiar with blogger provides a  mobile responsive template  which is greatly responsive. However, it doesn't creates a great impact towards design. There are certain widgets which do not look good on mobile view whereas they look appealing on big screens so that in that situation you can simply hide those from your blog only for mobile view or you can show some specific widgets only for mobile view not for big screens. Today, in this article, we will show you how to hide/show widget on mobile in blogger. Also Read:  How to Enable a Responsive Mobile Template in Blogger How To Add Google Adsense on Your Mobile Website How to Hide/Show Blogger Widget on Mobile View So here are the steps you need to follow in order hide or show blogger specific widgets on mobile view and customize your blog for different screens . How to Find Widget ID in Blogger? In case your blog is not showing a...

Sometimes it's useful to know how much  <audio>  or  <video> has downloaded or is playable without delay — a good example of this is the buffered progress bar of an audio or video player. This article discusses how to build a buffer/seek bar using TimeRanges , and other features of the media API. Buffered The buffered attribute will tell us which parts of the media has been downloaded. It returns a TimeRanges  object, which will tell us which chunks of media have been downloaded. This is usually contiguous but if the user jumps about while media is buffering, it may contain holes. This will work with  <audio>  or <video> ; for now let's consider a simple audio example: <audio id="my-audio" controls src="music.mp3"> </audio> We can access these attributes like so: var myAudio = document.getElementById('my-audio'); var bufferedTimeRanges = myAudio.buffered; TimeRanges Object TimeRanges are a series o...

RSSinclude.com makes it very easy to include RSS feeds in your blog. Basically there are two areas on blogs where you can add an RSS box: 1) in the  sidebar on the right side  (containing the Blog Archive, About me and Followers...) or 2) in  blog posts . We would like to explain both in the following sections. 1) RSSbox in the Sidebar of the Blog This area of your blog is visible permanently. You can add a blog archive, your personal bio and much more to this area. Of course you can put an RSSbox from RSSinclude.com here. This is how: a) Log in to your account at blogger.com. On top of the page there is a main menu. Click the "Layout" link, this will lead you to a graphical overview of your blog. b) Click the "Add a Gadget" link. A new window will be opened displaying different gadgets from which you can choose. Select "HTML/JavaScript" to add third-party code like ours. ...