Solution to TEMPLATE ERROR: Invalid data reference bl: No dictionary named: '' in: ['blog', 'skin', 'view']

Problem

==> TEMPLATE ERROR: Invalid data reference bl: No dictionary named: '' in: ['blog', 'skin', 'view'] displays in the header section when blog is viewed on PC and on mobile devices.

==> The "Live On Blog" and Mobile Template previews display looks broken as seen below:

Cause

I found out that the problem started when I added the codes below to the head section of my Blogger blog's html


        <meta expr:content='data:blog.pageName' name='twitter:title'/>
        <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image:src'/>
        <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>

Solution

==> Sign in to Blogger dashboard
==> Go to "Template" > "Edit HTML"
==> Use CTRL + F to find the codes above, delete them and SAVE the template.

That's all.

I hope it works for you.