A new
Blogger template named
Stylify v2 . It is quite similar to the current design of the blog. The aim was to minimize the use of JavaScript and instead use CSS to meet the needs. It has a simple design and is ultra optimized for Fast Loading (Given that you don't add 1000 extra widget ! ). The default Blogger Style-sheet has been removed to fasten it up even more. The SEO part is also taken care for with automatic Meta Description facility. Its a uncomplicated template with emphasis on Speed and Style.
Full Screenshot
Features
Cross browser compatibility
Responsive Design
Page Navigation
Lazy Loading Share Buttons
Its own Related Post widget
Stylish commenting system
Attractive Post Title
Four column footer
Eye-catching Sidebar Design
Search Engine Optimized
97% Google Page Speed Score
In-built Author Bio Box
CSS3 powered Buttons
Breadcrumbs
A fancy Label Widget
Built-in simple Menu
Automatic Meta Description for each post
Use of fonts like Salsa and Electrolize
Configurable Features:
This template has a lot of customization possibility. Now I will be explaining how to configure some basic features of this template according to your requirements
1. Menu
The menu used is the default Blogger menu. When you will Install the template on your blog , you will see a stray text "Pages" written near the Menu. To remove it , Go to Layouts and Click the Edit button of the Pages Widget . Now in the title field remove everything and Save the Widget.
Extra Note: When you will install the template you will also see a Date above the post title and also the default Blogger sharing buttons . To remove them go to Layouts and edit the Blog Post widget. Untick the Date and Sharing button option and save.
2. Pagination
To change the number of posts to be shown on using pagination find the term postperpage ( Using CTRL+F ) ,There will be a script something like this
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=3;
var numshowpage=6;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
You can change the number values as you like in the above code.
var postperpage=9; → Changes the no of posts that will show up on clicking any page number.
var numshowpage=3;→ Changes the number of linking to show in the widget
Note: Make sure that you also set the value of Number of Posts on Main Page (Go to Design > Page Elements , Click on Edit option of Blog Post and then Number of posts on main page: ) to same as that of thepostperpage value.
3. Border of Image
There is a additional feature present to add borders around your image , To add it just add a class="thumb" in the img tag , as shown below
1 <img class="thumb" src="image.png" />
4. Using the CSS3 Button
To make a link into a button , just add the class="buttons button" to it , as shown
1 <a href="URL" class="buttons button" >A Link<a/>
5. The Author Bio Box
Under each post a author box is present with your name and some demo text . To change that text go to Edit HTML and tick the Expand Widget Preview box . After that search for Author Bio Box and change the text as per your wish. You can also replace the placeholder image with your own
6. Label Style
To enable the Label style as see in the demo , go to the Layout and Click the Edit button of the Categories widget. In it much sure to tick Display as Cloud
