Blogger Template, Documentation,

Crusade Photography Blogger Template Documentation

by 12 months ago14 comments
0
Shares
photography blogger template

Welcome to the Documentation of Crusade Photography Blogger Template, below are the steps that will help you to configure and setup our Crusade Blogger Template.

If you are finding any difficulties configuring the template then you can go ahead and purchase our Hassle Free Template + Installation Package from here and our team will setup the template for you:

Purchase Template + Installation

1. Installing the template

  1. Unzip the Crusade.zip file.
  2. On Blogger Dashboard Click Template.
  3. Click on Download Full Template to keep your old template as a backup just in case.
  4. Click Browse… button. Find the location of “Crusade Template.xml” select it.
  5. Then Click Upload.

install-blogger-template

 

mobile-responsive

2. Blogger Setting

After installing the theme, there are minimum settings to make all widgets work fine in this template.

  1. On Blogger Dashboard Click Settings.
  2. Click Other.
  3. In Site Feed > Allow Blog Feed Choose Full.
  4. Then Click Save settings.

feed-full

 

3. Social Setting

This is optional setting but we would recommend it to enable these features in your blog, to make it more social friendly.

 

1
2
3
4
5
<meta content='<enter your username>’ name=’twitter:site’/>
<meta content='<enter your name>’ name=’twitter:creator’/>
<meta content='<enter your site url>’ name=’twitter:domain’/>

 

4. Main Blogger Setting

  1. On Blogger Dashboard Click Layout.
  2. Click Edit on Blog Posts Widget.
  3. Change it to look like that image.
  4. Click Save

blog widget

 

 

5. Setup Main Menu

Access your blog Layout > click Edit link on Main Menu bar and paste this code below in the content area and edit the # with your links and text with whatever you want on your Menu bar.

<ul class='topmenu1' id='masthead'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Download</a>
<ul>
<li><a href='#'>Premium Version</a></li>
<li><a href='#'>Free Version</a></li>
<li><a href='#'>Downloadable</a></li>
<li><a href='#'>Link Url</a>
<ul>
<li><a href='#'>Example Menu</a>
</li>
<li><a href='#'>Example Menu 1</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Social</a>
</li>
<li><a href='#'>Features</a>
<ul>
<li class='dir'><a href='#'>Lifestyle</a></li>
<li class='dir'><a href='#'>Sports Group</a>
<ul>
<li><a href='#'>Category 1</a></li>
<li><a href='#'>Category 2</a></li>
<li><a href='#'>Category 3</a></li>
<li><a href='#'>Category 4</a></li>
<li><a href='#'>Category 5</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu 3</a></li>
<li><a href='#'>Sub Menu 4</a></li>
</ul>
</li>
<li><a href='#'>Travel</a></li>
<li><a href='#'>Contact Us</a></li>
</ul>

 

6. About the author

Access your blog Layout > click Edit link on Sidebar widget

author
In Configure window, input your Title and in content area just write the following code and replace the image by your image url and text with your author text. And click Save button to finish.

<img src="https://2.bp.blogspot.com/-lOM1c0ykMVw/WfD1_KcphAI/AAAAAAAAHWw/ycXWj-bm8QsEy-RekZ3gc9HcCkhqeFJbwCLcBGAs/s1600/50.jpg"/>
<div class="subtitle">I'm Susanna, I blog about travel.</div>
<br/>
<div class="author-text">This season, the American designer will showcase a series of historic objects from the New York museum's.</div>

 

 

8. Instagram on Footer

Access your blog Layout > click Edit link on Footer Instagram widget

1. Go to Blogger Dashboard > Layout > Instagram widget > click on edit button > Edit Html
2. Now copy the below mention code and paste into widget.

<div id='instafeed'/></div>
<script type='text/javascript'>//<![CDATA[
var feed = new Instafeed({
 get: 'user',
 userId: 1553982550,
 limit:8,
 sortBy:'random',
accessToken: '1553982550.1677ed0.c4f6385f8dd740fd83c34ba9fa17e554',
template: '<li><a href="{{link}}" target="_blank"><img src="{{image}}" /><div class="instaover"><div style="display: table; vertical-align: middle; height: 100%; width: 100%;"><span style="display: table-cell; vertical-align: middle; height: 100%; width: 100%;"><i class="fa fa-search"></i></span></div></div></a></li>',
 resolution: 'standard_resolution'
 });
 feed.run();
//]]></script>

Generate your Instagram Access token by clicking on button from http://instagram.pixelunion.net/

token

 

Now enter the access token here in Layout:

 

accesstoken

ALSO CHANGE THE USERID with yours to show your INSTAGRAM PHOTOS.

instagram

 

9. Blog Main Color Change

Access your blog Template > click Customize as shown in below Image:

infinite

Then goto ADVANCED and select any color you want for the whole website.

Then goto ADVANCED and select any color you want for the whole website.

10. Blog Font Change

Access your blog Template > click Customize as shown in above Image in 9th point:

Then goto ADVANCED and select any color you want for the whole website.

Then change the fonts whatever you like, but if it is a web font then you’ll have to include the font file in the template first in order to make the font work.

 

11. Sidebar Social Icons

Access your blog Layout > click Edit on the last widget and enter this code:

<div class="social-widget"><div class="social-widget">
 <a class="social-link-twitter" href="#" target="_blank"><span class="fa fa-twitter"></span></a> <a class="social-link-facebook" href="#" target="_blank"><span class="fa fa-facebook"></span></a> <a class="social-link-youtube" href="#" target="_blank"><span class="fa fa-youtube-play"></span></a> <a class="social-link-pinterest" href="#" target="_blank"><span class="fa fa-pinterest"></span></a> <a class="social-link-dropbox" href="#" target="_blank"><span class="fa fa-dropbox"></span></a> </div>

 

Just change the hyperlink href=”#” to your social media link.

 

Read more here about the features of the template: Photography Blogger Template

Purchase this template from here: Crusade Blogger Template
Follow my blog with Bloglovin