Tutorial v1.0: Customize Blog Author Image for Blog Posts BlogrCart MNMLUS

BlogrCart MNMLUS provides a blog page with its own styling. The theme handle the styles accordingly. Each post Labeled " Blog " (without quotes) will inherit the styles automatically.

Blog store owners can activate or de-activate the blog comments, blog author image displayed, the date or time the posts is published by using Layout, find Blog widget > click Edit & tick/un-tick the required fields.



By default the author image is displaying blog store owners profile image with Google or Google+. If you require a custom image, say your store logo, below is the tutorial on how to change the author image displayed.


Customize Author's Image on Blogr Posts MNMLUS


First, upload an image using any page at Blogger. Right click the uploaded image & select Link to Image. Save the image URL at your computer.

Go to Template > backup your template if necessary > click Edit HTML.

Click Jump to widget > find Blog1



At Blog1 now find <b:includable id='main'.>...</b:includable>. Expand the codes to view the details by clicking the small black triangle on the left (close to the line numbering).


Scroll slightly lower & find below code (use screenshot as reference:-

<img expr:alt='data:blog.title' expr:src='data:post.authorPhoto.url' itemprop='image' width='80px'/>

Now change the mark-up to look like so:-

<img expr:alt='data:blog.title' src='http://the_URL_to_your_uploaded_image' itemprop='image' width='80px'/>

Edit the highlighted yellow to your uploaded image of choice. Click Save Template & view your changes at any Blog pages.

Do you have any add-ons that we could consider install in BlogrCart themes? Shout out at comment section below.
Terima kasih sudah berkomentar