Main Photo Responsive Blogger Template Revised

Main Photo Blogger Template Screenshot

• VIEW DEMO
 
• DOWNLOAD

Main Photo Blogger template is responsive Blogger template is a responsive Blogger template with minimalist and clean design. This template for photography or gallery blog

This template already updated. Maybe a little bit different with the file from other resources

Features of this template :

• Responsive blogger template
• Support Template designer. You can edit the background image, font family, font size, font color and others in Template Designer
• Featured image slider with auto recent post per label
• Minimalist and clean design template
• Compatible with modern browsers
• 2 column template
• 3 column footer
• and more

File download included :
1. Main Photo Blogger template with slider
1. Main Photo Blogger template without slider

Setting Main Photo Responsive Blogger template

1. General setting

Before install this template, make sure to change the mobile view. 
Go to Template > click the Gear icon > click No. Show desktop theme on mobile devices..

2. Setting Featured Image Slider

his template support image slider with auto recent post per label/category. You just need type the Label name in widget section.
Go to Layout > click "Edit" Looped Slider widget

* Case sensitive. make sure you write correctly

3. Setting social networks

Go to Design > Edit HTML > Proceed and find this code below :

1. <div class='network'>
2. <ul>
3. <li><a href='https://twitter.com/ireng_ajah'><img alt='Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPRSLrQixsEl_br5lbatO-mg4BNGllgfyfuRpstbjR8LzBhUVB9yyax6F7G_lLAdzljsKJvrHjY-dDge9zM65GzDpZ6MZZRP9rcq-Tt7yM8kdsK8Hpmj06s6uXwI3dns2SjGT7UOhHWWeg/s1600/twitter.png' title='Main Blogger on Twitter'/></a></li>
4. <li><a href='https://www.facebook.com/MainBlogger'><img alt='Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSdrGMPvhEN0OUQb7yHkyjmLNUh8b9qSFzhrvOc72LAnzABpZFe7CqFeDxkhnCGet2vdh5j8ULpFCTTsIXmdD3v_tQZLVd8iU2DrZaaGr-kzEo6m-k1Q5HsgMKP9tympMuv5Zlmq7TnC5O/s1600/facebook.png' title='main Blogger on Facebook'/></a></li>
5. <li><a href='https://plus.google.com/111461490683022468168'><img alt='Google+' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi51KMoYDfZgE0Zx1H2zXD_-weY1ScSO6e0v_2v9Sj_cWHQ8QGfnTorvKG7Ftf211tuFH6VqarT9vD7grOYj1rRk41uehsk7lu55OwtbdpharJvN0rJSd0UgJ16NXxSaYsFOgjokAJAkayK/s1600/gplus.png' title='Main Blogger on Google+'/></a></li>
6. <li><a href='http://feeds.feedburner.com/mainbloggerz'><img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht00v_PNrtqBcIY74iQN8KMIpsfrrkspWizI-0v3IoAJQ0Yj6dz6kZPe2yYEtpRZzmUwhyzSuOi7zzcJpdYlsiPKAl86FE1xYSrWW952DY1-4M3Ldjdjm7DeR3Kgg7te6c1v9QLgE_jlOh/s1600/rss.png' title='Subscribe RSS Feed Main Blogger'/></a></li>
7. </ul>
8. </div>

4. Setting Menu navigation on Bottom

Go to Design > Edit HTML > Proceed and find this code below : 

1. <div class='creditl'>
2. <ul>
3. <li><a href='/'>Home</a></li>
4. <li><a href='/p/about.html'>About</a></li>
5. <li><a href='/p/advertise.html'>Advertise</a></li>
6. <li><a href='/p/contact-us.html'>Contact Us</a></li>
7. </ul>
8. </div>

5. Setting Banner Ad 125*125px

For perfect view, the structure of banner ad 125*125px should be like this 

1. <ul class='ads'>
2. <li>YOUR_LEFT_BANNER_CODE_HERE</li> <!-- Left banner -->
3. <li class='last'>YOUR_RIGHT_BANNER_CODE_HERE</li> <!-- Right banner -->
4. </ul>

* By downloading and using this template, you agree with our Term & License