Stellar

Blogger Template

Header Font: Homemade Apple

Installation

Unzip the file and upload the XML file with the name stellar-xml to Blogger dashboard – Backup/Restore.


Edit the Pages widget, select the pages you need and save it.

Drop Down Menus

Edit the Pages widgets and click to add an external link

Type in the name of the drop down menu followed by # as the link

Add another external link to add the drop down menu items.

Make every title start with an underscore.

The result will look like this in Layout:

And on the blog it will look like this:

Social Media

Edit the Social Media gadgets in layout.

Type the name of the social media and add in the link.

Notes: All the social media icons available for this theme are listed in the preview.

When you add Bloglovin’ link make sure to use Bloglovin as the title instead of Bloglovin’.

Header

You can upload a header image if you want and add a description.

You can customize the image and text size to fit the menu bar better in customize > advanced > Blog Title:

Posts Date

Change the dates format in the Blog Posts gadget’s settings

Posts

Roll over image

The template will automatically select the first two photos a post has to appear on the homepage.

Video

If a post has no photos and a video, the video will be displayed on the homepage, example.


You can change the title of the featured posts widget and specify the the posts to show by adding a label, in the example below we are choosing posts from the label Photography.

Shop Widget

Currently there are two popular websites where you can generate “shop this” widget:

www.shopstylecollective.com.

www.rewardstyle.com.

Both of these websites will allow you to monetize the traffic you get, but Reward Style will require you apply before you’re accepted to create an account with them.

About Widget


In Footer-2-1, you can edit the two widgets to upload your image (preferably a square) and add your about me text.

Single Posts Widgets

There is an area in Layout > Single Posts Widgets where you can add widgets that will show in single posts only:

Pinterest Feed


Edit the Pinterest widget and add your username as it appears in the address bar:

Instagram Feed

Visit instagram.pixelunion.net to generate an access token for your Instagram account. Make sure you’re logged into your Instagram account in order for it to work.

Edit the Instagram widget and add the code in the widget’s body:


Note: if the feed stops working generate a new token and replace the old one.

Other Widgets

Share Buttons

the share buttons will also only work when the blog is public and have the buttons enabled.

Number of posts per page

Edit the Blog Posts gadget to choose how many post.

Note: This may not always work due to auto-pagination, so make sure to use Jump Breaks for lengthy posts.

Youtube

In the footer of the Layout page, edit the html widget.

Write your YouTube channel ID in the widget’s body and save it, find your channel ID.

Image Boxes

Edit each one of the image widgets under Image Gallery Section.

Upload your images and add title and optional link and caption.

Note: Please crop your images before uploading to make sure they are the same size.

Customization

You can customize the colors and fonts of different widgets on the template.

In Theme > Customize > Advanced, change colors and fonts according to your need and then press Apply to Blog button.

Layout

Full screenshot of the layout page:

Mobile Template

The theme is already responsive, so feel free to disable the mobile template if interested.

Note: The preview blog has the mobile template disabled.

Click the gear button at the bottom of mobile template to disable.

YES. SHOW MOBILE TEMPLATE ON MOBILE DEVICES.

Choose custom from the drop down menu if you want to enabled it.

NO. SHOW DESKTOP TEMPLATE ON MOBILE DEVICES.