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!
Extract the obtained zip file and look for Shutter Blogger Template.xml
Go to your blogger dashboard and inside the template tab click on Backup/Restore option located at top right corner.
Now click on the browse button and select the extracted template file,Shutter Blogger Template.xml.
Now click on the upload button.
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
Shutter Theme comes with various page layout option. To Setup the layout you want, Login to Blogger account and go to template tab.
Now click on the customize option.
Now for the left sidebar area go to the layout tab.
Now select the layout you want for content as well as footer.
Now click on Apply to blog button at top right corner.
3. Custom Color Combinations
Shutter Theme comes with the custom color option to setup Login to Blogger account and go to template tab.
Now click on the customize option.
Now for the left sidebar area go to the Advanced tab.
Inside the shutter theme options you can select your own color combinations.
Now click on Apply to blog button at top right corner.
4. Setting Featured Slider
Shutter theme comes with a awesome featured slider.
Now go to blogger layout tab and look for the Slider Widget and click on edit.
In the content area add the following code.
<object class="shutter-slider" data-label="YOUR TAG" data-slidenumber="No of slides"></object>
In the above code replace the red text with your tag name and green text with the number of slides you want to show.
Click on save and save layout button.
5. Setting Top Navigation Menu
Login to your blogger account and go to "Layout" tab.
In the layout tab, look for the "Navigation Menu" widget and click on "Edit".
In the text input of new site name enter your Link name.
In the text input for new site url, provide your link url.
Now click on the add link button.
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.
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.
Click on the save button and save arrangement button.
6. Setting Top Social Icons & Author Links
Login to your blogger account and go to "Layout" tab.
In the layout tab, look for the "Social Links" and "Author Social Links" widget and click on "Edit".
Now in another window open http://fontawesome.io/icons/ and search for the social media icon you want and click on it.
In the new window copy the code shown in the image below.
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.
In the input for the "New site url" place the location/profile url for the respected icon and click on Add Link.
Arrange the links as per your need by the up-down arrows. Click on save button.
7. Setting Post Animation
Shutter Blogger Template comes with various post visibility animations like [expand, slideup, slideright, shaking, flipdown, revolve, jelly, dropin, spring, spred]
To setup them go to the layout tab, and inside the layout tab look for the Post Animation widget.
In the content area put the type of animation you want and click on save.
8. Setting Instagram Widget
Shutter theme comes with inbuilt instagram widget.
To setup go to the layout tab and look for the instagram widget area.
No comments:
Post a Comment