Cricket Mela

Saturday, 19 May 2018

Landing Page AMP

AMP Landing Page Blogger Template 2018.

Demonstration Download

SEO 50%

Page speed loading 65%

How To Setup Insomnia Blogger Template [Way2Themes]

Insomnia blogger template is best suitable for fashion, makeup, daily, OOTD etc blogs, Pre-installed with tons of features to enhance your blog presence. Insomnia is equipped with various of widgets which will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation, so that you can setup your blog correctly.
You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there�s no support for free users.

See Demo Live Preview Free Download Free Version Buy Now Premium Version

Basic Setup

Video Documentation

You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - How To Setup Insomnia Blogger Template - Way2Themes

Top Navigation

On Blogger Dashbord Click Theme

Click Edit HTML

Scroll down and Find this Code :

<div id='top_nav'/>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Contact Us</a></li>
</ul>
</div>

Change # with your desired url.

Social Top

On Blogger Dashbord Click Theme

Click Edit HTML

Scroll down and Find this Code :

<div class='header_social'>
<a class='' href='http://facebook.com/' target='_blank'><i class='fa fa-facebook'/></a>
<a class='' href='http://twitter.com/' target='_blank'><i class='fa fa-twitter'/></a>
<a class='' href='http://instagram.com/' target='_blank'><i class='fa fa-instagram'/></a>
<a class='' href='http://dribbble.com/' target='_blank'><i class='fa fa-dribbble'/></a>
</div>

Change # with your desired url.

Main Menu/Dropdown Menu/Multi Dropdown

On Blogger Dashbord Click Theme

Click Edit HTML

(Menu) Scroll down and Find this Code :

<div class='nav-menu'>
<ul class='blog_menus'>
<li><a class='current' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Category</a>
<ul class='sub-menu'>
<li><a class='' href='#'>Category 1</a></li>
<li><a href='#'>Category 2</a></li>
<li><a href='#'>Category 3</a>
<ul class='sub-menu'>
<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>
<li><a href='#'>Category 6</a></li>
</ul>
</li>
<li><a href='#'>Category 4</a></li>
<li><a href='#'>Category 5</a></li>
<li><a href='#'>Category 6</a></li>
</ul>
</li>
<li><a href='#'>Photography</a></li>
<li><a href='#'>Lifestyle</a></li>
<li><a href='#'>Archives</a>

</li>
<li><a href='/p/sample-page.html'>Contact</a></li>
</ul>
</div>

Change # with your desired url.

Featured Slider

Access your blog Layout > click Edit link on Featured Slider widget.
Featured Post Widget. (Max post - 9)
Note** :- Labels are case sensitive.
Image Example:

Social Footer

On Blogger Dashbord Click Theme

Click Edit HTML

Scroll down and Find this Code :

<div class='footer_social-icons'>
<ul>
<li>
<a class='btn-facebook' href='#' title='Facebook'><i class='fa fa-facebook'/></a>
</li>
<li>
<a class='btn-twitter' href='#' title='Twitter'><i class='fa fa-twitter'/></a>
</li>
<li>
<a class='btn-gplus' href='#' title='Google Plus'><i class='fa fa-google-plus'/></a>
</li>
<li>
<a class='btn-linkedin' href='#' title='Linkedin'><i class='fa fa-linkedin'/></a>
</li>
<li>
<a class='btn-xing' href='#' title='Xing'><i class='fa fa-xing'/></a>
</li>
</ul>
</div>

Change # with your desired url.

Author Box & Social

On Blogger Dashbord Click Theme

Click Edit HTML

Scroll down and Find this Code :

<div class='author_description_container'>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eu sem ultrices, porttitor mi eu, euismod ante. Maecenas vitae velit dignissim velit rutrum gravida sit amet eget risus. Donec sit amet mollis nisi, nec commodo est.
</p>

<div class='authorsocial'>
<a class='' href='https://ift.tt/2k8VXln' target='_blank'><i class='fa fa-facebook'/></a>
<a class='' href='http://twitter.com/ajgagnon' target='_blank'><i class='fa fa-twitter'/></a>
<a class='' href='https://ift.tt/2rRhB14' target='_blank'><i class='fa fa-dribbble'/></a>
<a class='' href='https://ift.tt/2k8DeXa' target='_blank'><i class='fa fa-instagram'/></a>
<div class='clr'/>
</div>

Replace highlighted text and links with yours.

Page Navigation

On Blogger Dashbord Click Theme

Click Edit HTML

Scroll down and Find this Code :

var postperpage=7;

Change 7 with your desired number.

Note:- Remember one thing you have to keep the post count same in your blog settings and pagination widget.

Facebook Page Plugin:

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://ift.tt/2uEYutL" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>

or you can follow this tutorial if above method won't work

How to Add Responsive Facebook Like Box Widget In Blogger

Template Customization

Access your blog Template > click Customize.
Colors

Installation And Custom Services

We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.

Mega

Mega Blogger template, download free blogspot theme 2018

Demonstration Download

SEO 50%

Page speed loading 72%

Thursday, 17 May 2018

Mega - Responsive Mordern Blogger template

Download Mega - Responsive Mordern Blogger / Blogspot template

Mega is a clean modern fast and easy to use Blogger and Blogspot template. Packed with everything you need to set up a beautiful blog & photo gallery, its modern minimalist design, easy to maintenance and impeccable polish in every detail. This Blogger theme ideal for personal blogs, portfolio sites, travel blogs, lifestyle blogs, art galleries, photography sites.

Live Preview Download Download

Mega Blogger theme features

100% Responsive
Google Testing Tool Validator
Mobile Friendly
Custom 404 Page
Fast Loading
Minimal
Simple
Whats-app Sharing
Seo Friendly
Ads Ready
Clean Layout
Clear Design
Drop Down Menu
Social Sharing
HTML5 & CSS3
Browser Compatibility

Live Preview Download Download

Wednesday, 16 May 2018

Mini

Mini is a responsive Blogger template 2018

Demonstration Download

SEO 50%

Page speed loading 78%

Tuesday, 15 May 2018

Mega

Demo: See it Live

Free Version

Remove Footer Credits
One Time Payment
No Encrypted Scripts
Lifetime Premium Support
For Unlimited Domains
Lifetime Template Updates
Download Now
Free Version

Premium Version

Remove Footer Credits
One Time Payment
No Encrypted Scripts
Lifetime Premium Support
For Unlimited Domains
Lifetime Template Updates
$9.95Buy Now
Premium Version

Description

Mega Blogger Template is a clean mordern fast and easy to use Blogger Theme. Packed with everything you need to set up a beautiful blog & photo gallery, its modern minimalistic design, easy to maintenance and impeccable polish in every detail. This theme ideal for personal blogs, portfolio sites, travel blogs, lifestyle blogs, art galleries, photography sites and similar projects. Completely responsive to look perfectly in all mobile devices, easily usable with any device as well as PCs. Responsive design optimized for tablets and smartphones (resize browser and hit refresh to check it out)
Download Now

Documentation

Video Documentation

Custom Template

Features

ChangeLog

Created - 15-05-2018

How To Setup Mega Blogger Template

Mega Blogger template is a premium and professional looking blogger template. Mega is suitable for any kind of blog like, news, tech, newspaper, review, authority blog, banking blog, real estate etc. It is equipped with various of widgets which will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation, so that you can setup your blog correctly. You have made a good decision by choosing our template.
You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there�s no support for free users.

See Demo Live Preview Free Download Free Version Buy Now Premium Version

Basic Setup

Video Documentation

Top Navigation

Access your blog Layout > click Edit link on Top Navigation widget.

Social Top/Footer

Access your blog Layout > click Edit link on Social Top widget.

Icons Available { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen }

Note: The Social Profile Names are case sensitive.

Main Menu/ DropDown/ Multi DropDown

Access your blog Layout > click Edit link on Main Menu widget.

Normal Link : Features

Sub Link: _Sub Link 1.0 (before the link add "_") 1 underscore
Sub Link 2: __Sub Link 1.1 (before the link add "__") 2 underscore

MegaMenu

Main Slider Widget

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Slider Widget Section, and then add the following.

Label / Tag Ex: <span data-type="alphafeatured" data-label="Your Tag Name" data-slides="6"></span>

Image Example:

Custom Widgets:

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebar or Footer section, you must place the following codes highlighted in blue below.

Recent Posts

Recent Posts: <span class="alpha-recent" data-no="5"></span>

Label Posts

Post Per Tag: <span class="alpha-tagswid" data-label="travel" data-no="5"></span>

Recent Comments

Recent Comments: <span class="alpha-cmnt" data-no="5"></span>

After add, click save.

Facebook Page Plugin:

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://ift.tt/2upHtnw" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>

or you can follow this tutorial if above method won't work

How to Add Responsive Facebook Like Box Widget In Blogger

Theme Option

Post Per Page:

Add your desired number to control the post count on pagination results .

Author Profile Details

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Post Author Details section, you must place the codes in the blank space.

Author Social Widget

Go to your blogger dashboard > Layout > click Edit link on Author Social widget.

In the "New Site Name" field replace the word "facebook" with any social media website (twitter, youtube, google-plus, etc...).

Note: keep in mind that this template uses the "Font Awesome" service for the icons.

Follow this link for the complete set of icons that this service provides:

http://fortawesome.github.io/Font-Awesome/icons" .

Theme Customization

Access your blog Template > click Customize.

Here you can change the background, and apply pre-defined colors

For more options Click Advanced.

NOTE: To make any changes you must click Apply to Blog in the upper Right.

NOTE 02: To return to default style click "Clear advanced changes to theme color", and click Apply to Blog.