10 Tools I use to help people in solving problems related to Blogger

For the past month I have been active on various forums , social media channels as well on this blog trying to help people with problems they face with their Blogs based on Blogger Platform. This is a list of tools I used repeatedly to successfully help many people. I hope this would be helpful to those getting started with helping users in solving problems related to Blogger platform or in general also.

1. Dig Web Interface
Its really simple tool for checking DNS records of any website. This comes in handy when people are having problems with setting up custom domain on Blogger. With it you can check all the DNS Records ( A , CNAME ,etc)  of both the www version (like http://www.stylifyyourblog.com/ ) or the non-www version (like http://stylifyyourblog.com/)

Pro Tip : Select the Authoritative option under Nameservers to get accurate records

Alternatives : DNSGoodies and DNS Lookup are also good tools and may come handy to cross check records.

2. What’s My DNS
Its helps in checking if the DNS records related to a domain are propagating properly across the whole world. This tools comes in handy when users have setup their records but are complaining about the domain not working. Also its best used in combination with DigWebInterface to get the whole picture of the DNS status of a domain.

Pro Tip : The Expected value feature available via the Gear icon , makes it easy to check the real value with a value of your choice

AlternativesDNS Propagation Checker and Check DNS Propagation provide the same functionalities

3. Skitch

A tool from Evernote , its one of the best in class for creating screenshots. Its various inbuilt arrows and markers make drawing attention to specific elements in the screenshot easy. Also with a high-fidelity and aesthetically pleasing nature of overlaying graphics , it make the screenshots really profession. Its come handy when answering queries related to changing Settings in Blogger or some short step by step tutorial on a single screen.

Pro Tip : Shortcut for saving images locally rather than in the Evernote Library CTRL+SHIFT+S

Alternatives : Jing and MonoSnap have similar capabilities. A paid alternative is Clarify

4. LICEcap
The best tool for creating GIFs by capturing a certain area of the screen. Its really handy when creating short screencasts sans the need of any dedicated screencast recording software. Oldschool but its easy of use is unmatchable. A practical solution when making short tutorials for questions that require some complex/ambiguous steps.

Pro Tip : When you start recording , there is a 3 second pre-roll before actual recording starts. Make sure to keep this in mind so that some portion of your recording might not go missing

Alternatives : GifCam also has same functionality

5.  Screenr 
Sometimes queries are best answered by a short video screencasts . For this purpose Screenr is most effective with the ability to record particular sections of the screen and select which audio channel has to be used (like Mic , No Audio ,etc)

Pro Tip : Don’t forget to push your screencast to Youtube which has better editing tools and a much larger community.

Alternatives : Jing also supports uploading videos to Screencast.com.For videos with complex needs , softwares like CamStudio and Camtasia are recommended

6. Pastie
When answering questions on sites like Twitter , the 140 characters are not enough to give a fully-detailed answers. For these situations I use Pastie to write short tutorials . As it supports formatting for many languages , it becomes easy to share code as well.

Pro Tip : As Pastie is Anonymous , make sure to leave a signature after the tutorial so that people can easily find you

Alternatives : PasteBin and dpaste are famous sites which provides similar facility

7. HTTP Status
It gives HTTP response codes for the URL entered. Its useful when answering queries related to redirections and problems with images gone missing. Also sometimes its helpful in finding issues related to Feed redirection.

Pro Tip :  The Request Header options allows you to change the User agent of the request which is useful when checking behavior on mobile device

Alternatives : Web Sniffer gives many more details as well as giving HTTP response codes.

8. Dev Tools

Each web browser comes with their own developer tools , Looking past the minor differences they all allow to inspect the DOM of the page. This comes really handy when solving issues related to CSS and JavaScript. If you are totally new to it , then I suggest checking this free course by CodeSchool for getting started

Pro Tip : Learning keyboard shortcuts will improve workflow many folds

Alternatives : There are no practical alternatives to this , but you can surely add Extensions that extend the ability of the Dev Tools like SnappySnippet ( copy HTML and CSS related to a element in DOM )

9. GTMetrix 
For starters it gives information about the Page Size , Page Load time and Number of Web Request. It uses Google PageSpeed & Yahoo YSlow to recommend easy to follow instructions for improving various factors that slowdown a site. This is useful when users ask for recommendations in regards for improving page loading time

Pro Tip : You can easily generate PDF reports with all details about recommendations for later reference by selecting the Full Report option in the Download PDF link

Alternatives : Google PageSpeed Ingsights and WebPageTest

10. Wayback Machine 
 Best for accessing older version of a web page . Is a life-saver where users have by mistake deleted some custom element of the blog and want it back

Alternatives : Cached version of Pages accessible via Google , but the only downfall being it only save version of the most recent page which dates back maximum 3-4 days or on the crawl rate of a site

Feel free to share any other tool that you think should be added to this list in the comments

Blogger Titans Interview #2 : Chuck Croll

Second in the series of Blogger Titans Interviews , this time we have with us Chuck Croll , better known as Nitecruzr on the Blogger Forum. He has been an active contributor on the official forums from the year 2006 and has by far the most comprehensive knowledge about Blogger Platform. His blog , The Real Blogger Status , is an extensive resource for Blogger related tips and tricks as well as documents all the news and issues regarding Blogger. Now lets get started with the interview

Stylify Your Blog : Hi Chuck Croll , Can you introduce yourself to our readers ? 



Chuck Croll : I’m a Networking / Security Consultant, who started using Blogger because publishing my notes, online, was what everybody else was doing. And because some of my advice was provided in online forums – and my Blogger blog was a good place to park my more complex forum references.

See #4 for the complete chronology of my life as a Blogger Blog*Star.

SYB: In these years that you have been using Blogger , why do you still love to use it ?


CC: Blogger gives the world (of many cultures and languages) an opportunity to communicate – with an amazing selection of accessories and self developed options.


You are the largest contributor in the Blogger Forum with posts in over 41500+ thread and averaging around 50 posts a day . How do you manage this much dedication to Blogger while balancing it with your day-to-day life ? 


 Multitasking – and virtual living – is the key. And, sleeping odd hours (a side effect of virtual living).


You have been a Blogger Top Contributor for over 7 years and have seen many updates in the Blogger Platform , Can you possibly take us chronological through the major updates that, you found ,took Blogger to new heights ?


As a MicroSoft MVP, I started my first blog, PChuck’s Network, in 2005. The first post in my blog, “The NT Browser“, was my collection of advices that I provided to computer owners, to explain why they couldn’t see all of their computers from each other, through their home networks. Note here that the term “browser” is significantly different than what is used, today.

In 2006, PChuck’s Network was down for over a week, with my first experience with “403 Forbidden” (a condition about which I have since learned a lot) – and the Blogger Help forum was full of reports from other angry blog owners, reporting the same. With no answers from Blogger, including in their highly publicised blog “Blogger Status“, I started “The RealBlogger Status”. After Blogger brought PChuck’s Network back a week later, I kept “The Real Blogger Status” going – and started giving advice in the forum.

My first few blog posts, in “The Real Blogger Status”, targeted the spammers in Blogger Help – which then contributed 75% of total forum content.

On Thanksgiving Day, 2006, I got my first email from Blogger, thanking me for my contributions – and my life as a Blogger Blog*Star started.

In January 2007, Blogger started issuing bX codes to identify problems – MHO, a true genius concept. A month later, they introduced the Custom Domains feature, which gave the ability to publish blogs to non Blogspot URLs – a second true genius concept. Later in February 2007, “The Real Blogger Status” was recognised as a significant complement to “Blogger Status“, as part of the bX-sp4hmm error diagnosis and resolution process.

Also in 2007, Blogger changed their template structure from plain old HTML, to dynamic XML, and introduced the Layouts class of templates. They gave us the “Page Elements” wizard (now the dashboard “Layout” wizard), which lets us add accessories to the blog without having to edit HTML.

In January 2008, Blogger started an organised determined effort to rid the Blogosphere of the rampant spam content. Later in 2008, we added more Blog*Stars to the group – and Blogger Help really took off as an effective source of advice, to Blogger blog owners everywhere.

In 2010, Blogger added the Stats feature, a visitor meter which lets blog owners measure visitor activity, without requiring any installation – a third genius concept. Also in 2010, they ended FTP Publishing, a feature made redundant by Custom Domain Publishing. And, they introduced the Designer class of templates – and gave us the “Template Designer” wizard (now the “Customize” option in the dashboard “Template” wizard), to let us mix and match template backgrounds, layouts, and styles in infinite variety, without having to edit HTML.

In February 2011, we saw the first referer spam, an organised attack against our Stats logs. In March, 2011, Blogger added the “Dynamic” class of templates, to give our readers the choice how to view our blogs, when they view them. And later that year, RBS was honoured, by the spammers which I have been fighting since 2006, with a “Joe Job” attack delivered using referer spam.

In the months and years since, we’ve seen other, interesting experiences. In truth, there is always something going on – though without comprehensive forum experience, much of the ongoing activities won’t always be apparent, because of normal forum activity, at any given time.



Blogger has entered into its 14th year of operation , Which breakthroughs are needed in terms of features or innovative approaches that will make sure it continues like this ?


Right now, MHO, their most urgent need is more flexible support of “mobile” / “small” computers. The option to publish comments against Blogger blogs, using “mobile” computers,is not a well supported feature – though the problem is compounded by the owners of the “mobile” computers. The current “one size fits all” approach, applying a common “mobile” template to all “mobile” / “small” computers – regardless of computer ability and features set – is not sufficiently granular.

They also need to step up integration of Community Building (“Google+”), Photo Serving / Sharing / Storage (“Google+ Photos” / “Picasa”), and Video Serving / Sharing / Storage (“YouTube”) And other Real Place / Real Time concepts like Events, Places, and Maps – details which right now are only found in Google+ – need to be better integrated into Blogger, again to support “mobile” computer type applications.

Contrarily, they need to be aware that not every Blogger user is madly impressed by Google+. Blogger should not become “Google+ Blogs”. Google needs to improve Google+, so people want to use it – not tweak products like Blogger and YouTube, and force people to use it.

And again (see #12), they need to improve the quality and reliability of third party accessories, gadgets, and templates.


Blogger has started the Hangout on Air series  which has received great responses from users , Do you think more audio-visual and interactive content from Blogger would be useful in driving higher user adoption and spreading more general awareness about the platform ? 


I suspect that AV content can be used, to accompany hypertext based documentation. I don’t think that AV content will replace hypertext, in driving higher user adoption and spreading more general awareness about the platform.

  • Much of what we do, in maintaining and publishing a Blogger blog, involves text based processes.
  • Whenever Blogger changes their processes, a generic hypertext based description of what needs to be done will be much more accurate, than a series of pictures that have changed completely.

I use screen prints, to illustrate my documentation. I don’t think screen prints, or videos, will ever replace properly written documentation. Look at the Blogger Help library – every week, we get a new report of some key Blogger Help document, that is unusable, because it’s out of date. And Blogger has a full time engineer, who does nothing but write Blogger Help pages.


Blogger Templates combine with the Blogger Template Designer make it easier for users to customize their blogs. Recent updates to the Template Editor have made it even simpler. What do you think are the Plus and Minuses of the Blogger Templating system ?


+ : Anybody is allowed to customise their own template, or to use a custom template provided by a third party.


: Anybody is allowed to customise their own template, or to use a custom template provided by a third party.
Template customisation is both a good, and a bad, feature. Blogger lets blog owners make their own boundaries, in customising their blogs – and some decisions which are made by some blog owners are not always good decisions. Then, they post in BHF, demanding that a Blogger Engineer fix their mistakes.

Witness right now, the problem with “dynamic” templates and missing updates. Template customisation is truly a plus and minus, at the same time.

But, it’s like parenting. You have to let the kidz make their mistakes – then they grow up, and teach their own kidz.




Your Blog is aptly titled the “The Real Blogger Status” and gives ample information about current issues and general tips and tricks related to Blogger. You have actively maintained it for nearly 8 Years now. When do you think that it is time to make a post ?


Much of the content – original and updates – start with questions answered in the forum. RBS is simply my way of identifying significant Blogger issues – and providing my advice which may be found without requiring exhaustive effort, by the blog owners and readers, in combing through forum topics. It’s a stream of consciousness effort. As soon as I feel that I am repetitively stating or restating an issue, in the forum, I write a blog post.

Many of my posts write themselves. Some time ago, I wrote about the schizophrenic nature of the “HTML” / “Text” gadgets, and how easy it was to confuse them. Today, I wrote a companion article, which focuses on one cause of a current problem – broken Text gadgets. Both articles discuss the same subtle peccadillo in Blogger design – but approach the subject from different directions.



Currently Blogger is experiencing a lot of issues. Many users are curious to know why are the current problem is occurring ?

Blogger is always experiencing a lot of issues – though at any time, not every blog owner or reader may necessarily be aware of each issue. There will always be issues – as long as people use their own computers to publish and read Blogger blogs. You may see my answer in #8 above, for an example of how subtle one possible cause, of one specific current problem, may be.

WordPress and Tumblr are actively involved in supporting as well as organizing events where people using their platform , come together and interact. Do you think similar community building activities should be supported & encouraged by Blogger as well ?


Blogger is a blogging platform. For community building activity (such as organizing events where people using their platform, come together and interact), Google provides Google+ – just as they provide complementary Google components.

  • GMail, for email.
  • Google Groups, for forum based communication.
  • Picasa, for picture serving and sharing.

All of these services – GMail, Google+, Google Groups, Picasa, and other Google services – are separate from Blogger. The Google platform provides more services, better integrated than any competing web based product.


Many Pro Blogger state various reasons like lack of flexibility , Google’s control over data ,etc for using other platform rather than Blogger. What do you think is lacking in Blogger which is keeping professional bloggers from adopting Blogger platform ?


True professions – for instance legal, medical, real estate sales, and such, require

  • A legally recognised organisation, which provides standards for the profession.
  • A rigorous certification process, which all “professionals” undergo – to prove their worthiness as a “pro” lawyer, doctor, salesman, etc.

The blogging “profession” requires none of this. Merely calling oneself a “pro blogger” does not make oneself a professional – just as not calling oneself a “pro blogger” makes oneself an amateur.

My suspicion is that there are far less “professional” bloggers using non Blogger blogging platforms, than those who title themselves “pro bloggers” – and there are far more “professional” bloggers who do use Blogger, than those who title themselves “pro bloggers”.

Many so called “pro bloggers”, when attempting to advertise in Blogger Help, are easily identified as spammers.



There are over 7000 developers in the official Blogger Developer Group and Blogger API v3 has really good cross-platform support. How do you think that Blogger/Google can attract more Developers to develop creative and ingenious Gadgets and Applications for Blogger ?


Blogger / Google will continue what they have been doing, for more years than I have been working with them.

  • Develop an industry leading blogging platform.
  • Develop an industry leading online products suite, to complement their blogging platform.
  • Let market forces bring developers to develop creative and ingenious applications and gadgets, for Blogger.

The challenge is not attracting more developers – it’s encouraging more honest and productive developers. And it requires prevention of the ongoing installation of devious, malicious, and misbehaving gadgets, by naive blog owners.



Medium was launched last year by Evan Williams , one of the person who co-founded Blogger. It has a minimalistic interface and is very focused towards Blogging alone. How do you think Blogger can compete with Medium and upcoming platforms like Ghost ?


Here, I’ll reference my answer in Question 10, to start. Blogger is a blogging platform – but it’s part of the Google applications suite. People like Evan Williams can construct more blogging platforms, as they like – but can they provide complementary features like community building (ala Google+), email (GMail), photo sharing and storage (Picasa), and video sharing and storage (YouTube) – in a minimalistic interface?

Only time will tell whether single purpose focused blogging platforms will be useful, to the world in general. I don’t see any need for Blogger to “compete” – just to continue to develop complementary features, that produce no “drag” when not in use. And more selective integration with complementary services like Google+ will help.


There are more than 300,000 users in the Official Blogger Support forums ( All languages combine ) . What are your thoughts on supporting people outside the forums like via Social Media channels like Google+ which have a much larger user base ? 


Right now, Blogger blogs are updated in a text mode interface. I, personally, will continue using Blogger Help Forums, simply because the GPF(Google Product Forum) infrastructure provides the necessary features and options which make a good forum structure. IMHO, neither Google+ or Twitter will ever provide a good technical forum infrastructure, which works for giving advice about a complex product like Blogger.

Google+ and Twitter provide a good environment for sharing content, and casual interaction. Neither gives any type of documentation structure, to compete with the FAQs or discussion topics, which we have in Blogger Help Forum. We’ll use Google+ as a complement to BHF – not an alternate, by any means.

As an example, try to imagine this interview being conducted in Google+. I’ll write more detail, on that thought, another time.



How can our readers find you on the web , contact you and hire you ?

My Google / Google+ profile (which links from and to my Blogger Help Forum profile) provides a point of contact, an introduction to my areas of expertise and personality, and a point of reference back to anybody trying to contact me. 

Thanks Chuck Croll for this in-depth and enlightening interview , I am are really grateful that you took out time for this interview from your schedule.

Readers feel free to ask questions or share your thoughts about this interview in the comments

Features : Responsive Portfolio Blogger Template

Features Blogger Templates ,Responsive , Grid Layout , SEO , Pagination ,etc

Inspired from the mockup on the new Blogger Features page , Features is a fully responsive template which is best suited for portfolio and showcase blogs. It has a clean design and supports Blogger Template Designer with many extra options , which makes modifying the design easy. It comes with out of the box support for Twitter Cards & Open Graph Meta tags and optimized Title and Headings tags.


For Downloading This Template 
Hear me out a bit , I am going to graduate from college next summer and I am determined to take up template designing as a full time profession. Therefore the price of this template is what you like it to be , you can download it for free or give me an amount that you found it worthy of. For accepting payments I use Gumroad , which is used by many Freelancers to accept Credits cards. You can read its reviews here and here . In case you have issues with Gumroad , then I also accept payments via Fiverr , Paypal and Direct Bank Transfer ( Drop me a mail )  . When you use Gumroad to download it , then the template will be delivered directly to your email address

Features

Responsive 

It has a total of 6 breakpoints ( 3 shown above ) , which helps it adapt to many different screen sizes. CSS transitions have been used to add easing effects when switching from one breakpoint to another.

Blogger Template Designer Custom options

blogger template designer

You can easily customize the background and fonts of Button , Status Message , Email Subscription Widget , Search Widget , Sliding Boxes and Tags from the Template Designer on top of all the options that it already provides.

Sliding Boxes

css sliding boxes

A CSS powered sliding box effect which is present on Homepage as well as the Label and Archive pages. It shows the title , Label and Date when the mouse on moved over the picture

Pagination 

automatic Pagination

Custom Label and Button Design

button Label

Search Engine Optimization


Twitter Card approved and Facebook Open Graph Meta Tags present



– Heading and Title tag as per Search engines standards
– Out-of-box supports for Open Graph Meta Tags , Twitter Cards and Rich Pins which makes sharing your posts on Social Networks easier

Cross Browser Compatibility

cross browser testing

Features works across all modern web browsers. For older versions of Internet Explorer , it shows the option to install Chrome Frame to improve the experience

Instructions for Installation

Before installing the template , make sure you have switched the Mobile Template ( Present in Template Tab > Gears Icon ) to On and selected it to Custom template. If you don’t do this , the Blogger Template Designer will not work !

After you have followed the above steps , then go to Template > Backup/Restore > Choose a File , select the XML file from the unzipped archive and then Upload

Advice for using the template optimally 
– No posts should be without a title . If any post is without a title , then the thumbnail of that post will not appear
– For the Twitter Cards and the Grid layout to work correctly , please upload all your images to Blogger itself. Images uploaded on third party hosting may or may not work
– Upload images of the highest quality possible and set the first image size to Original in the Post Editor

Widget Code
The unzipped archive will also contain two widget codes , one for Search and other for Email subscription , you can simply add them to new HTML/JavaScript gadgets.

Label Style

label gadget in Layout tab of Blogger dashboard

To enable the Custom Label style , go to the Layout and click the Edit button of the Label’s widget. In it much sure to tick Display as Cloud option

Pagination
To change the number of posts to be shown on homepage , find the term postperpage ( In Edit HTML using CTRL+F ) ,There will be a script something like this


 

<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=3;
var numshowpage=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>

You can change the number values as you like in the above code.
var postperpage=9; → Changes the no of posts that will show up on clicking any page number.
var numshowpage=3;→ Changes the number of linking to show in the widget

configure blog post blogger layout

Note: Make sure that you also set the value of Number of Posts on Main Page (Go to Layout , Click on Edit option of Blog Post and then Number of posts on main page: ) to same as that of the postperpage value.

Enabling Twitter Cards
Go to Template > Edit HTML and search for “twitter:creator” (without quotes) and replace the value inside the content field with your Twitter username (eg. @Blogger ) . Once you have done that , go to https://dev.twitter.com/docs/cards/validation/validator , select Summary Large Image and then test any post from your blog. Once everything is working , fill up the form for Approval.

Changing Email Subscription username
For the Email Widget , replace the two instances of StylifyYourBlog with your Feedburner username . In case of the below the Post Email subscription option , search for “<form” (without quotes) in Edit HTML and there again you will find two instances of StylifyYourBlog , replace them with your Feedburner Username (for example check screenshot below , assuming your username is Blogger )

Edit HTML

Button
To add a button anywhere in your blog, add the following HTML markup

<span class="button">
<a href="#">The Link</a>
</span>

Hoping that you will like it , do let me know your feedback in the comments

Creative Commons License
Features Blogger Template by Prayag Verma is licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
Based on a work at https://www.blogger.com/features.
Permissions beyond the scope of this license may be available at http://www.stylifyyourblog.com/p/contact-me.html

.gumroad-button {
font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif !important;
font-size: 13px !important;
line-height: 17px !important;
font-weight: 500 !important;
text-align: left !important;
color: #8E8E8E !important;
text-shadow: 0 1px 2px #FFF !important;
background: url(https://gumroad.com/assets/favicon.png) 5px 49% no-repeat #FFF !important;
border-radius: 3px !important;
border: 1px solid #C8C8C8 !important;
padding: 4px 6px 4px 26px !important;
box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.02), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
text-decoration: none !important;
display: inline-block;
}

Solving the Problem with Blogger’s Custom Redirects feature on Mobile

redirect loop problem

Custom Redirects were launched in March 2012 and gave Blogger users the ability to change the permalink structure of the all types of pages on their blogs . It allows two kinds of redirects namely 301 Moved Permanently type (Which lets you pass SEO value) and 302 Moved Temporarily (Used for Coming Soon Pages or when a page is under maintenance ).  This is extremely useful for people who are migrating from other platforms , as they can now easily able to redirect pages with different permalink structure than Blogger’s default to a new page. Recently there have been some issues with it , which have become a cause of frustration for many users.

What is the problem

When a Custom Redirect (example www.stylifyyourblog.com/contact ) is opened in a Mobile browser , it leads to a Redirect Loop (See Screenshot below) which doesn’t allow the visitor to open the blog. This becomes a big problem when the redirect is used on the homepage of the blog (example YourBlogName.blogspot.com or a custom domain like http://www.stylifyyourblog.com/ ) which makes it impossible for the user to even visit the blog.

too many server redirects

Why this happens

The main reason for this problem occurring is the mobile parameter that Blogger adds from the server side. The m=1 parameter interferes with the custom redirect and breaks the whole functionality (As you can see in the short GIF Below). Until last year if  a custom redirect with mobile parameter was entered in a normal web browser (example stylifyyourblog.com/contact?m=1 ) it would lead to a 404 page , but this error was fixed by Blogger Team.

redirects from m=1 to non m=1 loop custom

How to Solve this Problem
As the custom Redirect feature doesn’t work universally , you can always use good old JavaScript for this. Firstly I would suggest to remove the specific redirect from Settings > Search Preferences > Errors and redirections > Custom Redirects . Then go to Template > Edit HTML and search for <head> tag and add the following code just below it (Backup your template before doing this)

For example sake , I am assuming we want to redirect http://www.stylifyyourblog.com/templates to http://www.stylifyyourblog.com/search/label/Template

<script>
if(window.location.href == 'http://www.stylifyyourblog.com/templates?m=1' || window.location.href ==  'http://www.stylifyyourblog.com/templates' )
{
window.location="http://www.stylifyyourblog.com/search/label/Template";
}
</script>

As you can make out , this is just tests if the current URL is the normal or mobile version of the URL you want to redirect , if it matches then it redirects to the URL of your choice. This works in Desktop and Mobile browsers just fine ( See Youtube video below )

What is Blogger doing about it
If you want to redirect a large number of pages , then it will become unmanageable and confusing to keep adding new snippets of code to the template. This work is best done by Blogger at the Server side. As of now this issue has been escalated to the Blogger Team and they are looking into it . Hope they will fix this issue soon

If you are currently having problems with Blogger , feel free to share them in the comments , I will try to help out to my best of abilities