Main Photo
- Date Released: Jan, 2013
- Designer: Main Blogger
- Price: FREE
- Creative Commons Attribution: You are free to use for personal/commercial use. But, you must attribute the work to the author. Should not remove credit links.
- Downloads: 6998
- Demo views: 11641
- 33 people love this template
- Responsive design
- Designed to provide optimal viewing experience across wide range of devices from Desktop to mobile phones
- Minimalist design
- Want to have a simple but beautiful website? This template has minimal design by giving importance to content
- Slide Show
- Main Photo template has slide show (slider) in home page. Show your featured content in an easy to use slider
- Post Thumbnails
- Show a thumbnail image (small image) for every post using this template
- Featured Post
- Show featured posts in home page using this template. Engage your users by showing your top content in home page
- Custom web fonts
- Main Photo template uses Web fonts like Google Fonts. Improve your website typography by using custom fonts
- HTML Menu
- Navigation menu for this template is customizable in HTML. Edit the HTML to add your menu links
- Template Designer
- This template supports Blogger Template Designer to customize easily. You can edit the background image, font family, font size, font color and others in Template Designer
- Widget Ready
- Main Photo template comes with many widgetized area. Add your widgets easily using this template
- Footer Widgets
- Main Photo template comes with footer widgets. Use your footer area effectively for engaging your users
- SEO Ready
- Main Photo template is optimized for Search engines like Google. This template helps your website to rank higher in search engines
- Ad Ready
- Use this template to show Banner advertisement or Google ads easily. Make money using your site
- RSS Buttons
- Main Photo template comes with RSS Buttons. Let your user follow you using your RSS feed
- Social Buttons
- This template comes with social buttons like facebook, twitter etc., Let your users share your content easily
- Search box
- Main Photo template has search box in it. Search box helps your user to find the content easily on your site
General setting
Before install this template, make sure to change the mobile view. Go to Template > click the Gear icon for Mobile > click Yes. Show mobile template on mobile devices. > choose Custom in the drop down
Setting Featured Image Slider
This 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" on Looped Slider widget. Enter the Label to show featured images in the slider. This widget will automatically pick up images from the posts under the given label. How cool it is?
* Label is Case sensitive. make sure you write correctly
Setting social networksGo to Template > Edit HTML > Proceed and find this code below :
<div class='network'> <ul> <li><a href='https://twitter.com/ireng_ajah'><img alt='Twitter' src='http://4.bp.blogspot.com/-xAYWEVyxvmM/Tpkdq4l1lNI/AAAAAAAALtk/FYlb2DxEcqE/s1600/twitter.png' title='Main Blogger on Twitter'/></a></li> <li><a href='https://www.facebook.com/MainBlogger'><img alt='Facebook' src='http://3.bp.blogspot.com/-VOBRmsL8e6Y/Tpkdqs5VxOI/AAAAAAAALtI/z57Wppciv5c/s1600/facebook.png' title='main Blogger on Facebook'/></a></li> <li><a href='https://plus.google.com/111461490683022468168'><img alt='Google+' src='http://4.bp.blogspot.com/-yA9nQkc9rSQ/Tpkdqk2-hKI/AAAAAAAALtQ/K0PjU7Z5tNs/s1600/gplus.png' title='Main Blogger on Google+'/></a></li> <li><a href='http://feeds.feedburner.com/mainbloggerz'><img alt='RSS Feed' src='http://4.bp.blogspot.com/-i7NERqdQKP0/Tpkdq10lKqI/AAAAAAAALtY/TYmuUrKey9A/s1600/rss.png' title='Subscribe RSS Feed Main Blogger'/></a></li> </ul> </div>
Replace : Link urls with your social and RSS feed links
Setting Menu navigationGo to Template > Edit HTML > Proceed and find this code below :
<div class='creditl'> <ul> <li><a href='/'>Home</a></li> <li><a href='/p/about.html'>About</a></li> <li><a href='/p/advertise.html'>Advertise</a></li> <li><a href='/p/contact-us.html'>Contact Us</a></li> </ul> </div>Replace : Link link urls and text with your link url and text
Setting Banner Ad 125*125px
For perfect view, the structure of banner ad 125*125px should be like this
<ul class='ads'> <li>YOUR_LEFT_BANNER_CODE_HERE</li> <!-- Left banner --> <li class='last'>YOUR_RIGHT_BANNER_CODE_HERE</li> <!-- Right banner --> </ul>
Layout for Main Photo Blogger Template
how do i download this in my blogpost blog?