Documentation

|
I have no idea



Summery

  1. Installing Template
  2. Setting up Logo
  3. Setting Top Navigation Menu
  4. Setting Top Social Icons
  5. Setting Navigation Menu
  6. Setting Author Description
  7. Setting Author Social Links
  8. Setting Slider

1. Installing Template

  1. Extract the obtained zip file and look for Photomag 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,Photomag 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. Setting up Logo

  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the Blog Logo and click on "Edit".
  3. Click on the "Browse" button and select your respective logo.
  4. Select the option " Instead of title and description"
  5. Now click on the save button and also click on "save arrangement" button at top right corner.

3. Setting Top Navigation Menu

  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the "Top Menu" widget and click on "Edit".
  3. In the input for "New site name" type the name of your link.
  4. In the input for "New site url" type the location of your link.
  5. Click on "add link" button as show in in image.
  6. Arrange the links as per your need by the up-down arrows. Click on save button.

4. Top Social Icons

  1. Login to your blogger account and go to "Layout" tab.
  2. In the layot tab, look for the "Top Social widget" and click on the "Edit".
  3. In the input for "New site name" type the name of social media.
    [facebook, twitter, gplus, youtube, pinterest, instagram, codepen, linkedin, skype, dropbox, wordpress, vimeo, slideshare, vk, tumblr, yahoo, stumbleupon, reddit, quora, yelp, weibo, phunt, hackernews, soundcloud, whatsapp, wechat, vine, slack, dribbble, flickr, foursquare, behance, rss, stack-overflow, digg, delicious]
  4. In the input for "New site url" type the location of your social media profile.
  5. Now click on the "Add link button" as shown in the image and click on save widget.

5. Setting Navigation Menu

  1. Login to your blogger account and go to the "Layout" tab.
  2. In the layout tab, look for the widget "Main Menu" 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. Save the widget and the layout arrangements.

6. Setting Author Description

  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget in the admin bar, "Author details" and click on "Edit".
  3. In the content area place the description about author which will be shown at bottom of post.
  4. Now click on save and save the arrangements.

7. Setting Author Social Links

  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget in the admin bar, "Post Author Social Profile" and click on "Edit".
  3. Now in another window open the link http://fontawesome.io/icons/ and search for your social media icon and click on them.
  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.
  7. Now click on add link button. Once all icons are added click on save.

8. Setting Slider

  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget, "Slider" and click on "Edit".
  3. In the content area place the following code.
    <div class="photomag-slider" data-tag="LABEL NAME" data-no="Nos of slides"></div>
  4. Replace the red text with one of the label and blue with the slide counts.
  5. Now click on save and save the arrangements.

9 comments:

  1. UnknownMarch 13, 2018 at 10:29 AM

    there is no place to edit slider in the layout

    ReplyDelete
  2. Vishal kingMarch 24, 2018 at 5:54 AM

    thanks

    ReplyDelete
  3. AnonymousMay 15, 2018 at 10:04 AM

    Thanks.

    ReplyDelete
  4. Ibam muhammadJuly 1, 2018 at 10:43 PM

    This comment has been removed by the author.

    ReplyDelete
  5. Ibam muhammadJuly 1, 2018 at 10:44 PM

    good

    ReplyDelete
  6. Admin netfreeJuly 8, 2018 at 4:50 PM

    Can you help me please?

    I installed the PhotoMag Preview and shutter themes and when I upload it and look at the website there are no sliders why

    I downloaded the themes for the slider, but if there are no sliders....
    help

    ReplyDelete
  7. CassiaApril 3, 2019 at 12:50 PM

    There are no sliders, please help

    ReplyDelete
  8. TylerApril 13, 2020 at 5:57 PM

    Please help! My header image appears in front of everything and covers up the entire blog. Can't do anything about it and I don't know how to fix this. I tried every option available. (Behind title and description, Instead of title and description, Have description placed after the image.) Here's what I'm talking about: https://tylerphillipsphotography.blogspot.com/
    Can anybody please help?

    ReplyDelete

Subscribe to: Posts (Atom)

Featured Post

Arcitectures are the ones crafting tommarow

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad mini...

Popular Post

(C) Copyright 2018, All rights resrved PhotoMag Preview. Template by colorlib