Search

Learn how to AMP'd your blog with valid AMP HTML Blogger theme framework. Visit Blogr-AMP Theme and AMPaction Theme. No 3rd party application. Compatible with published posts. Quick in search & on any devices.

Original Article 6 November 2014
We received many request by PRO version users on customizing the header image logo for their BlogrCart Butik PRO powered e-commerce blogger store (or blogshop) template. By default, the Blogger template will render the image to expand to the container width (without distorting), behind the built-in search product bar & above the responsive drop down menus.

The blogger " Header " widget used for BlogrCart Butik blogger store template was slightly modified to accommodate the responsive design template engine pre-installed & developed by us. It was optimised to keep with web page best practices for responsive designs in making sure the blogger store itself render quicker on any screen sizes.

If you have not uploaded a Header image, then you can go to any page in your blogger e-commerce store, find the "Pencil" icon located below the " Search Bar " (refer screenshot below) & upload an image preferably below 100Kb in image file size.

You can adjust the Header image logo width at the newly added codes above where the comments is located later.

Make sure before saving your uploaded image, select (or click the radio button) for " Instead of header title and description ".

Click save and VOILA, your header image is reduced in size located at the top left corner of the template header container. It also fits nicely in any screen sizes too!