Light Gallery Blogger Template Features
- 100% Responsive (Check Mobile Friendly)
- Search Engine Friendly
- Structured Data Included (Check SEO)
- Unlimited Colors to Choose (Check Colors)
- Hundreds of Fonts to Select (Check Fonts)
- Support for a Background Image (Check Background Image Support)
- Related Posts with Thumbnails
- Clean Admin Layout Page
- Different Layout Options for Posts and Pages (full width/left sidebar/right sidebar)
- 728x90 Header Ad Banner Area
- 4 Columns Footer Widgets Area
- Full Width Not Found(404) Page Check 404 Page
- Top Multi-level Responsive Navigation Menu
- Multi Tabbed Widget Area
- Numbered Page Navigation
- Custom Post Navigation
- Beautiful Social Buttons
- Post Share Buttons
- Feedburner Email Subscription Box
- Facebook and Twitter Meta Data
- Many More Features...
How To Configure Top Navigation Menu
<nav class='nav-primary container' id='primary-navigation' itemscope='itemscope' itemtype='http://ift.tt/188CAho' role='navigation'> <ul class='menu nbtheme-nav-menu menu-primary' id='menu-primary-navigation'> <li class='menu-item'><a expr:href='data:blog.homepageUrl'>Home</a></li> <li class='menu-item menu-item-has-children'><a href='#'>Business</a> <ul class='sub-menu'> <li class='menu-item'><a href='#'>Internet</a></li> <li class='menu-item'><a href='#'>Market</a></li> <li class='menu-item'><a href='#'>Stock</a></li> </ul> </li> ... <li class='menu-item'><a href='http://ift.tt/1OnqPJt'>Buy This Theme</a></li> </ul> </nav>Replace "#" marks with real URLs and change anchor texts as you like. I have already configured a part of the menu (see "Pages Types") with sample URLs and anchor text to understand how it works.
How To Configure Social Buttons
<div class='pg-social-icons'> <ul> <li class='social-twitter'><a href='#' rel='nofollow' target='_blank' title='Twitter'><i class='fa fa-twitter'/></a></li> <li class='social-facebook'><a href='#' rel='nofollow' target='_blank' title='Facebook'><i class='fa fa-facebook'/></a></li> <li class='social-gplus'><a href='#' rel='nofollow' target='_blank' title='Google Plus'><i class='fa fa-google-plus'/></a></li> <li class='social-github'><a href='#' rel='nofollow' target='_blank' title='Github'><i class='fa fa-github'/></a></li> <li class='social-instagram'><a href='#' rel='nofollow' target='_blank' title='Instagram'><i class='fa fa-instagram'/></a></li> <li class='social-linkedin'><a href='#' rel='nofollow' target='_blank' title='Linkedin'><i class='fa fa-linkedin'/></a></li> <li class='social-pinterest'><a href='#' rel='nofollow' target='_blank' title='Pinterest'><i class='fa fa-pinterest'/></a></li> <li class='social-rss'><a href='#' rel='nofollow' target='_blank' title='RSS'><i class='fa fa-rss'/></a></li> <li class='social-stumbleupon'><a href='#' rel='nofollow' target='_blank' title='Stumbleupon'><i class='fa fa-stumbleupon'/></a></li> <li class='social-vimeo'><a href='#' rel='nofollow' target='_blank' title='Vimeo'><i class='fa fa-vimeo-square'/></a></li> <li class='social-youtube'><a href='#' rel='nofollow' target='_blank' title='Youtube'><i class='fa fa-youtube'/></a></li> <li class='social-dribbble'><a href='#' rel='nofollow' target='_blank' title='Dribbble'><i class='fa fa-dribbble'/></a></li> <li class='social-email'><a href='#' rel='nofollow' target='_blank' title='Email'><i class='fa fa-envelope-o'/></a></li> <li class='social-flickr'><a href='#' rel='nofollow' target='_blank' title='Flickr'><i class='fa fa-flickr'/></a></li> </ul> </div>Add your own social links replacing "#" marks.
How To Configure Numbered Page Navigation
var pageNaviConf = { perPage: 12, numPages: 6, firstText: "First", lastText: "Last", nextText: "Next", prevText: "Prev" }By default, page navigation has configured to display 12 posts per page. For example if you need to display 6 posts per page, change "perPage" value to 6. Now final code should be:
var pageNaviConf = {
perPage: 6,
numPages: 6,
firstText: "First",
lastText: "Last",
nextText: "Next",
prevText: "Prev"
}
Note: Also set "Number of posts on main page" value to 6 through Blogger settings. Light Gallery Responsive View
from New Blogger Themes | Professional Blogspot Templates
via : newbloggerthemes.com
0 comentarios:
Publicar un comentario