Moini Blogger Template Installation Guide

Summery


  1. Installing Template
  2. Setting up Logo
  3. Setting Header Social Icons
  4. Setting Navigation Menu
  5. Setting Post Slider Widget
  6. Setting Author Description
  7. Setting Author Social Links
  8. Setting up Instagram widget

3. Header 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 Post Slider Widget


  1. Login to your blogger account and go to “Layout” tab.
  2. In the layout tab, look for the widget “Featured” and click on “Edit“.
  3. In the content area place
    <span data-type="semagfeatured" data-slides="Number of slides" data-label="LABEL NAME"></span>

    .

  4. Now click on save and save the arrangements.

9. 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.

6. 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.

7. Setting number of posts on each page


  1. Login to your blogger account and go to “Layout” tab.
  2. In the layout tab, look for the widget in the admin bar, “Posts per page” and click on “Edit“.
  3. In the content area place the number of posts you want to show on each page.
  4. Now click on save and save the arrangements.

8. Setting up Instagram widget


  1. Login to your blogger account and go to “Layout” tab.
  2. In the layout tab, look for the widget in the admin bar, “Instagram Acess Token” and click on “Edit“.
  3. Now visit http://instagram.pixelunion.net/ and generate the token.
  4. In the content area place the number of posts you want to show on each page.
  5. Now click on save and save the arrangements.

Leave a Reply

Your email address will not be published. Required fields are marked *