Summery


  1. Installing Template
  2. Setting up custom layout
  3. Setting up custom color combination
  4. Setting Featured Slider
  5. Setting Navigation Menu
  6. Setting Top Social Icons & Author Links
  7. Setting Post Effects
  8. Setting Instagram Widget
  9. Page Navigation Type
  10. Author Description
  11. Uploading Custom Logo

1. Installing Template


  1. Extract the obtained zip file and look for Shutter Blogger Template.xml
  2. Go to your blogger dashboard and inside the template tab click on Backup/Restore option located at top right corner.

  3. Now click on the browse button and select the extracted template file,Shutter Blogger Template.xml.
  4. Now click on the upload button.

  5. After installing click on the "gear icon" in the theme section and select "No. Show desktop theme on mobile devices. " and click on save.


2. Custom Layout


  1. Shutter Theme comes with various page layout option. To Setup the layout you want, Login to Blogger account and go to template tab.
  2. Now click on the customize option.
  3. Now for the left sidebar area go to the layout tab.
  4. Now select the layout you want for content as well as footer.
  5. Now click on Apply to blog button at top right corner.

3. Custom Color Combinations


  1. Shutter Theme comes with the custom color option to setup Login to Blogger account and go to template tab.
  2. Now click on the customize option.
  3. Now for the left sidebar area go to the Advanced tab.
  4. Inside the shutter theme options you can select your own color combinations.
  5. Now click on Apply to blog button at top right corner.

4. Setting Featured Slider


  1. Shutter theme comes with a awesome featured slider.
  2. Now go to blogger layout tab and look for the Slider Widget and click on edit.
  3. In the content area add the following code.
    <object class="shutter-slider" data-label="YOUR TAG" data-slidenumber="No of slides"></object>
  4. In the above code replace the red text with your tag name and green text with the number of slides you want to show.
  5. Click on save and save layout button.

5. Setting Top Navigation Menu


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the "Navigation Menu" widget and click on "Edit".
  3. In the text input of new site name enter your Link name.
  4. In the text input for new site url, provide your link url.
  5. Now click on the add link button.

  6. For the SubMenu add "_" (One underscore) before the name of the link. For the Sub Sub menu add "__" (Double underscore) before the name of link.
  7. For setting up the Mega Menu in the input for new site name insert the label name for which you want to show the mega menu and in the input for url add "[Mega Menu]" as shown in image below.
  8. Click on the save button and save arrangement button.

6. Setting Top Social Icons & Author Links


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the "Social Links" and "Author Social Links" widget and click on "Edit".
  3. Now in another window open http://fontawesome.io/icons/ and search for the social media icon you want and click on it.
  4. In the new window copy the code shown in the image below.
  5. Now go back to the window open earlier by clicking on edit button. In the input for "New site name" place the code we just copied.
  6. In the input for the "New site url" place the location/profile url for the respected icon and click on Add Link.
  7. Arrange the links as per your need by the up-down arrows. Click on save button.

  1. Shutter Blogger Template comes with various post visibility animations like [expand, slideup, slideright, shaking, flipdown, revolve, jelly, dropin, spring, spred]
  2. To setup them go to the layout tab, and inside the layout tab look for the Post Animation widget.
  3. In the content area put the type of animation you want and click on save.

8. Setting Instagram Widget


  1. Shutter theme comes with inbuilt instagram widget.
  2. To setup go to the layout tab and look for the instagram widget area.
  3. Go to the website http://tools.blossomtheme.com/instagram/ and click on get access token.
  4. Insert the user id and access token in the respective fields.
  5. Save the widget.

9. Page Navigation Type


  1. Shutter theme comes with inbuilt 3 diffrent navigation types as shown in the table below.
    Navigation TypeCode
    arrow
    number
    infinite
  2. To setup go to the layout tab and in the "Pagination Type" widget and click on edit button.
  3. Now copy the code for the post type and paste in the content area.
  4. click on save the widget and also save the layout.

10. Author Description


  1. To setup author description go to layout tab and look for "About Author Description" widget and click on edit button.
  2. Now enter the description you want to show in content area.
  3. click on save the widget and also save the layout.

11. Uploading Custom Logo


  1. To setup Custom Logo go to layout tab and look for "Header" widget and click on edit button.
  2. Now upload the image and select your suitable options about the logo alignment.
  3. click on save the widget and also save the layout.

11 comments:

  1. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. Same here.Downloaded PhotoMag and no slider.Then download this and still no slider.Help please

      Delete
    2. Hello, there is no edit button for gadgets. When can this be fixed?

      Delete
    3. This comment has been removed by the author.

      Delete
  2. This comment has been removed by the author.

    ReplyDelete
  3. What are the keywords and or rules for creating a post.
    Thank you

    ReplyDelete
  4. There is no edit in the gadgets. This template is broken

    ReplyDelete
  5. Replies
    1. I believe it is because the image used in your post is from an url. If you download the image and upload it to blogger, the image should display on slider.
      I had the same issue when used url image, and fixed it after doing the above.
      I hope you have a great day.

      Delete
  6. The Instagram feed is gone. The images are no longer showing. How do we fix that?

    ReplyDelete