Zune Blogger Template Installation Guide

Summery


  1. Installing Template
  2. Setting up Logo
  3. Setting Social Sidebar
  4. Setting the top banner Advertisement
  5. Setting Navigation Menu
  6. Setting Custom Sidebar Widget
  7. Setting Comment System
  8. Setting Author Description
  9. Setting Author Social Links
  10. Setting number of posts on each page
  11. Setting top news ticker
  12. Sitemap

3. Setting Social Sidebar


  1. Login to your blogger account and go to “Layout” tab.
  2. In the layout tab, look for the widget “Social widget” and click on “Edit“.
  3. In the New site name add the name of social media. (supported are: dribbble,facebook,flickr,googleplus,instagram,linkedin,medium,pinterest,quora,slideshare,soundcloud,twitter,vimeo,vine,youtube).
  4. In the New site url add the link of the respective social media.

4. Setting the top banner Advertisement


  1. Login to your blogger account and go to “Layout” tab.
  2. In the layout tab, look for the widget “Header Ads” and click on “Edit“.
  3. In the content area place your advertisement code.

6. Setting Custom Sidebar Widget


  1. Zune Themes come with the different sidebar widget options. To setup them go to the “Layout” tab.
  2. In the layout tab look for the sidebar/tabs section and add the “HTML/JavaScript” widget.
  3. As per your requirement add the respective code shown in the table below.
    Widget TypeCode
    <span class="zune-lposts" data-no="5"></span>
    <span class="zune-label" data-no="5" data-label='LABEL NAME'></span>
    <span class="zune-recenetcomment" data-no="5"></span>
  4. Now click on save. [Note: If you are setting up the label post widget make sure you change the label name as per yours.]

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

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

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

11. Setting up news ticker


  1. Login to your blogger account and go to “Layout” tab.
  2. In the layout tab, look for the widget in the admin bar, “ticker news” and click on “Edit“.
  3. In the content area place the <span data-type="zune-latest" data-no="5"></span>.
  4. Now click on save and save the arrangements.

12. Sitemap


  1. Login to your blogger account and go to “Page” tab.
  2. In the Page tab, add the new page.
  3. In the content area place the [sitemap].
  4. Now click on save and publish.

Leave a Reply

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