Full width home advertisement

Travel the world

Climb the mountains

Post Page Advertisement [Top]

Documentation



Summery


  1. Installing Template
  2. Setting up Logo
  3. Setting up top post slider
  4. Setting Top Navigation Menu
  5. Setting Top Social Icons
  6. Setting the top banner Advertisement
  7. Setting Navigation Menu
  8. Setting Featured Widget
  9. Setting Customized Widget
  10. Setting Custom Sidebar Widget
  11. Setting Comment System
  12. Setting Author Description
  13. Setting Author Social Links
  14. Setting number of posts on each page
  15. Customizing theme colors

1. Installing Template


  1. Extract the obtained zip file and look for Kaplan 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,Kaplan 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 up top post slider


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget "Top Post Slider" and click on "Edit".
  3. In the content area place
    <object class="kaplan-top-slider" data-label="LABEL NAME" data-count="Number of Posts"></object>
    .
  4. Now click on save and save the arrangements.

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

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

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

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

8. Setting Featured 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="kaplanfeatured" data-label="LABEL NAME"></span>
    .
  4. Now click on save and save the arrangements.

9. Setting Customized Widget


  1. kaplan theme comes with the 2 customized widget, to setup them go to the "Layout" tab.
  2. In the layout area look for the "customizing widget" section and add the "HTML/JavaScript" widget.
  3. As per your layout decision add the respective code in the content area of the "HTML" widget.
    Widget TypeCode
    <object class='kaplan-widget' data-label='LABEL NAME' data-type='list'></object>
    <object class='kaplan-widget' data-label='LABEL NAME' data-type='gallery'></object>
  4. Change the text in red with your label and click on save widget.

10. Setting Custom Sidebar Widget


  1. kaplan 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="kaplan-recent" data-no="5"></span>
    <span class="kaplan-tagswid" data-no="5" data-label='LABEL NAME'></span>
    <span class="kaplan-cmnt" 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.]

11. Setting Comment System


  1. Login to your blogger account and go to "Layout" tab.
  2. In the layout tab, look for the widget "Comment System" and click on "Edit".
  3. In the content area place the respective code for the combination of comment system from the following list.
    [facebook]
    [disqus]
    [facebook][disqus]
    [blogger][facebook]
    [facebook][blogger]
    [disqus][facebook][blogger]
    [blogger][disqus][facebook]
  4. Now click on save and save the arrangements.

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

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

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

15. Customizing theme colors


  1. Login to your blogger account and go to "Theme" tab.
  2. In the Theme tab, look for the "customize" button and go to the "Advanced tab".
  3. In the advance tab under the option of Main Setting you can customize the main color of theme.
  4. Now click on Apply to Blog.

36 comments:

  1. knock knock! I am waiting this template! (X

    ReplyDelete
  2. How can I change the date format? I want it to appear as DD/MM/YYYY.

    Thanks in advance!

    ReplyDelete
  3. Layout > Top Post Slider

    Cant click Edit menu because the box is center and Edit menu is outside the box to edit .. Help

    ReplyDelete
  4. i loved this theme but images are not getting displayed
    what to do ??

    ReplyDelete
  5. Hello, I'm having problems with the Comment System. I have it set as [disqus][facebook][blogger], only disqus shows up but only after I refresh it several times, facebook and blogger don't show up at all. Help please and thanks in advance.

    ReplyDelete
  6. Top Post Slider don't load at all and customized widgets don't load any image, only the title and the link "view all". Of course i changed the label accordingly, but it didn't had any effect. Please, can someone explain me how i can make it work? I edited the html code for hours, tried almost everything and couldn't came up with a solution. I really need help with this.

    ReplyDelete
  7. Having issue with Featured Grid WIdget, just displaying a large white space in the middle of the page and cant change it to something new :(

    ReplyDelete
    Replies
    1. first you create a tag of featured post than add some post into this tag, then in featured grid widget use that tag.

      Delete
    2. Facing same issue related to Featured Grid WIdget, just displaying a large white space in the middle of the page and cant change it to something new :(

      Delete
    3. I am facing a similar problem.Did anyone know how to fix this?

      Delete
  8. Hi, where can I remove the template comment "Hey there, We are Blossom Themes! We are trying to provide you the new way to look and use the blogger templates. Our designers are working hard and pushing the boundaries of possibilities to widen the horizon of the regular templates and provide high quality blogger templates to all hardworking bloggers!"?
    Thenks in advance.

    ReplyDelete
  9. Tengo el mismo problema, las galerias slideshow no muestran las imagenes

    ReplyDelete
  10. hi. i have installed the theme but the layout is not properly alligned.. can you help me

    ReplyDelete
  11. the silder does not apear on the mobile version.can i fix this?

    ReplyDelete
  12. Hey there are two HOME options how can change

    ReplyDelete
  13. There is an issue....Top silder post does not have an edit button in Layout....This is just a perfect template if this is resolved.

    ReplyDelete
    Replies
    1. To those having trouble with featured widgets and all not showing up. Go into edit edit html option and remove all async="async".

      Delete
  14. I love this template but its setting doesn'not work such as top slider, custom widget etc. this template run in opera. plzz help me now what do I did.

    ReplyDelete
  15. top slider, custom widget etc. Not working

    ReplyDelete
  16. Hey, top slider and featured widget is not working. can you please provide instructions on how to fix it? here's my blog: https://blog.dotandpin.com/

    ReplyDelete
  17. To those having trouble with featured widgets and all not showing up. Go into edit edit html option and remove all async="async".

    ReplyDelete
  18. Hi great blogging
    Can u support my blog on youcanshar.blogspot.com

    ReplyDelete
  19. visit www.spheretrends.blogspot.com

    ReplyDelete

Bottom Ad [Post Page]

| Designed by Colorlib