BACKUP - INSTALL ( RESTORE ) TEMPLATE & CONTENT

1. Getting Started

To install this Blogger template you must have an account on Blogger. First login to your blogger dashboard using your existing gmail account if you have already one or you can start to create your own account by visit Blogger.com or blogspot.com and login using your existing gmail account. Once you’ve done, you can start to begin a very basic configuration.
It’s important for you to backup your previous data: template, widgets, and content.
By doing a backup, you can restore the data anytime.

1
Backup Template

   Login to your Blogger.
  Click “Theme”.
  Click the “down arrow” on CUSTOMIZE button.

Click “Backup”.

BACKUP CONTENT

2
Backup Content

Click to “Settings”

Scroll-down to “Manage Blog” section.

Click “Backup Content” as shown below.

A pop-up will appear.
Click DOWNLOAD


Click OK.
Click “Save File”.

INSTALL/RESTORE TEMPLATE

3
When you are ready to install your template, you must first upload the template file. From your dashboard head to

Theme → Restore → Upload

Click “UPLOAD”
Select your theme file from your computer. It will be an XML file.
Once uploaded save your theme and refresh your blog to see the new theme.

BLOG LAYOUT

CONFIGURE BLOG HEADER

How to add  Header image (logo/banner)

– Blog header font is not included to downloaded template file from etsy but
if you write your blog title to ‘note to seller’ section or if you contact me via Etsy I can create your blog header image for you as you’ve seen in demo templates you’ve purchased.

-Go to Layout page in your dashboard and click Edit button on the Header gadget:

-Select your new header image file from your computer by using the “Browse…” button or input image URL.

– Click the “Save” button

FEATURED POST SLIDER

Configure Slider Auto play and Create Automatically Rotating Slider

All you have to do is just add the “featured” (Without quotes ) in  slider widget and you must have label of named “featured” for the post you want to show in slider and make sure your blog is set to Public.

Note. If there are any posts previously tagged as “featured”, that post will also be displayed on slider.

for enabling the Auto play in the slider at least four posts must have been tagged with “featured”.

IMPORTANT-If The Post which tagged with “featured” has no image  then “no image” picture will be displayed on  slider automatically .

Please follow the screenshots below:

1-You must have label of named “featured” for the post you want to show in slider

2- Make sure your blog is set to Public.

3-For the best view and the quality all post images you want to add to slider must have set to original size.

4- Add the “featured” (Without quotes ) in  slider widget

Go to layout > click edit on slider html/java gadget.

5 – Write down “featured” (Without quotes )  to content section.

6- Click on Save button.

CONFIGURE BLOG POST

Go to layout>Blog Posts>Edit

IMPORTANT To display the social share buttons on the footer of your blog posts:
1
You should click on to activate “Show Share Buttons” in “ConfigureBlog Posts” form .
2
In Settings > Permission section >Reader access should be Public.
Your blog posts configuration should configure as you’ve seen below

ABOUT ME GADGET

1
ABOUT ME GADGET

  1. Title – The title for the About me Gadget will be shown above  your profile picture.
  2. Caption (optional)– Here you can describe yourself or your interests in a few words.What you type will be displayed under the picture.It is optional ,no description will appear under your photo if you leave it blank.
  3. Link (optional) –When your photo is clicked, it links to the externel page.This page can be either a Page on your blog (such as the “About Me” page) or an external site (such as your facebook profile etc…)
  4. Image –You can choose to click the Browse… button or enter your image URL to upload your photo from your computer.

When you upload your profile photo it becomes automatically round.

SOCIAL MEDIA GADGET

2
SOCIAL MEDIA CONFIGURATION





INSTAGRAM GADGET

4
INSTAGRAM GADGET IN THE SIDEBAR SECTION


I’ve designed instagram gadget with  SnapWidget  as you’ve seen on “The Muse” demo blog.

I’ve chosen free grid instagram feed design .

  • Thumbnail Size: 150
  • Layout (Columns X Rows) — 2 X 2
  • Photo Border: No
  • Photo Padding — 1 px
  • Hover Effect — None
  • Sharing Buttons — No
  • Responsive — Yes
Copy your widget embed code

Go to “Layout” and find the “INSTAGRAM” gadget in the “Sidebar” section. Click on “Edit”.

Past snapwidget embed code as shown below.

Click on “Save”

3
INSTAGRAM GADGET IN THE FOOTER SECTION

Design your widget with SnapWidget

For the footer instagram widget as you’ve seen on “The Muse” demo blog

  • Thumbnail Size: 250
  • Layout (Columns X Rows) — 4 X 1
  • Photo Border: No
  • Photo Padding — 5 px
  • Hover Effect — None
  • Sharing Buttons — No
  • Responsive — Yes
Copy your widget embed code

Go to “Layout” and find the “LATEST ON INSTAGRAM” gadget in the “Footer” section. Click on “Edit”.

Past snapwidget embed code as shown below.

Click on “Save”

PINTEREST GADGET

5
PINTEREST GADGET


Go to LAYOUT > PINTEREST GADGET > Edit

CATEGORIES GADGET

6
CATEGORIES GADGET

CUSTOMISE THE TEMPLATE ( TEMPLATE DESIGNER )

Blogger Dashboard>Theme >Customise>

On the left sidebar

Click on “Advanced”  and then

Click on “Change color-font”