How To Setup Petty Minimal Blogger Template

How to install this template (If the Automatic Upload Method Won't Work)

When you are ready to install a theme, you must first upload the theme file. The theme file can be uploaded in one way :

Copy And Paste : Go to your dashboard > Template > Template HTML. By open your template by Notepad and copy the entire text and paste it into Template in your dashboard.

Click on "Edit HTML"

And open .xml file by Notepad and select all "Ctrl+A", and copy entire text and paste it here :

Social Top/Footer

Access your blog Layout > click Edit link on Social Top widget.

Icons Available { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen }

Note: The Social Profile Names are case sensitive.

Main Menu/DropDown

Access your blog Layout > click Edit link on Main Menu widget.

Normal Link : Features

Sub Link: _Simple Page (One Underscore "_")
Sub Link: __Simple Page (two Underscores "__")

Featured Slider

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section, and then add one of the following

Recent Posts: <div class="latestposts" data-no="5"></div>

Label / Tag Ex: <div class="tagpost" data-label="Break" data-no="5"></div>

Instagram Widget

Access your blog Layout > click Edit link on Instagram Widget.

Paste this Below code into it.

<div id='instafeed'/>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
get: 'user',
userId: 3541708255,
limit:6,
sortBy:'random',
accessToken: '3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="insta-likes"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;">{{likes}} <i class="fa fa-heart"></i><br/>{{comments}} <i class="fa fa-comment"></i></span></div></div></a></li>',
resolution: 'standard_resolution'
});
feed.run();
//]]>
</script>

In above code you you will see a

accessToken: ‘3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88′,

This – 3541708255.1677ed0.5e79fa74dcac4a52bea0ebba51eacb88 is a access token ID.

UserId: ‘3541708255′,

This – 3541708255 , The first part of access token is your id.

Now you need to create you new one and replace with this.

How to Create Instagram Access Token

1. you need access token for instagram widget to work

Go to this url-> http://instagram.pixelunion.net/

Login Via your instagram Account and Generate access token in a single click.

2. Once you get access token just replace with this access token with in a your code.

Facebook Page Plugin:

Template Customization

Access your blog Template > click Customize.
Colors

Sidebar Widgets

Access your Template File > Widgets Codes.
Open the text file in Notepad > Copy The entire code.
Paste it into the blank HTML/JAVASCRIPT Widget available in your sidebar.

Only Premium Buyers will get the widget codes available in the demo.

If you have any problem while setting up the template please comment your problem by going to this link (Comment Form).