How to do things

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. ...

We had already learned the trick for  disable or hide the Blogger Navbar  from blogger blog. Now in this tutorial we will be acquainted with the simple technique to remove the default annoying attribution message saying the name of  blogger template  you are using (e.g. Simple template.) followed by attribution link  Powered by Blogger . We know that there is a copyright (optional) field in blogger attribution widget to write/display our blog copyright information and credits. However, you can only write 99 characters long Copyright message. Further, it does not facilitate us to write a text link information viz. About Us, Sitemap, Terms and conditions etc. Many of us just want to add their copy right messages like All Rights Reserve, Privacy Policy and Contact Us link etc. to the blog footer instead or along with the blogger credit. Accordingly, you may use any of these following two easy Showeblogin Tricks to either hide or remove Powered by Blogger at...