Blogger's Gag Blogger Template

Blogger's Gag Blogger Template

Template Name: Blogger's Gag

Platform: Blogger / Blogspot

Release Date: February 2, 2014

Author: Joneix

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Blogger's Gag is a responsive blogger template made in style like gags web portal, powered with masonry for better look in any devices. Which automatically load youtube thumbs. Create a Viral Blog using Blogger's Gag.

Features of Blogger's Gag Blogger Template:

Masonry Style
Blogger's Gag is a best looking template in any devices by automatically adjust width of containers.

Cross Browser Support:
Blogger's Gag supports all major browsers and devices

Fully Responsive:
Blogger's Gag is fully responsive and gives best view in any devices

Automated Thumbnail Generator:
Blogger's Gag automatically generate thumbs.

Multi-Color option:
Fully customizable with colours from panel .

Great look With Friendly Layout:
Blogger's Gag has a friendly layout area you can easily add or remove widgets.

Fast Loading:
Our all templates are clean coded and well organized for understanding and as fast loading speed.

1. Create Post

This themes handles content in a standard Blogger way. Each individual blog post represent a single grid module. The theme required to have at least an image each post in order to create thumbnail.

NOTE: This template Generates Thumbs only for Youtube. ( for Vimeo, dailymotion, metacafe videos Manually add Thumb)

To add youtube Video simple click the HTML button that appear at the top of WYSIWYG Editor
and add the embed code of your video.

<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/tSoy92vBX" width="560">

To add image simple click the Insert Image button that appear at the top of WYSIWYG editor and they'll be uploaded to Bloggers's server space called Picasa, so you don't have to host the pictures on a different website.

2. Navigation Menus

This template comes with only one navigation menus area. You can simply throw gadget beside header, no matter if it's a categories gadget or page gadget, that will be implemented as unordered list.

You can add stand alone or external page such as facebook, twitter, etc within Page widget called +Links. To add new page, from your dashboard go to "Pages" tab.

3. Template Designer

Blogger's new template designer allows you to create the perfect look for your blog. It's easy and free. You can edit some parts such as: Font-family, template background, Font color, etc — through template designer. This is a starting place for lots of magic to happen.

From your Dashboard navigate to Template → Customize.

4. Custom Page Not Found (404)

You can change Blogspot default error message to something else from the Blogger Settings. The option is there at Settings → Search preferences → Custom Page not Found
02

You have to fill up this text area with following HTML Code.

<div class="error-custom">

404 Not Found

We're sorry but we could not find the page you are looking for.

This may happen if you have entered site url incorrectly or this page doesn't exist anymore.


You can try searching page again or go back to home


<form id="searchform" action="/search" method="get">
<input id="s" name="q" value="Search..." type="text"/>
<input id="searchsubmit" value="Go" type="submit"/>
</form>

</div>

5. Additional Widget / Script

In addition to default Blogger features, I'm going to recommend some widget. You need to know that following widgets are optional and I can't offer any warranties for each of them as they are all created by outside parties.

— Flickr

You can throw it in HTML/Javascript gadget text area. Just copy and paste following code in the space.
Visit this site to get your FLickr ID. http://idgettr.com/

— Search Form

Drop HTML/Javascript gadget besides header then fill the form with following code:

<form id="searchform" action="/search" method="get">
<input id="s" name="q" value="Search Here" type="text"/>
<input id="searchsubmit" value="Go" type="submit"/>
</form>

6. Custom CSS

The Blogger Template Designer allows you to insert custom CSS code to change your blog's appearance. You can access the advanced settings of the Template Designer to change all design elements of your blog. You can safely tweak your blog's design by using custom CSS code, as it will not alter your blog's core HTML design. Make any necessary changes to your blog's CSS code in the future from the same location in the Blogger Template Designer.

This template comes with custom css where you can simply copy the source and paste directly in available text are of Template designer → Advanced → Custom CSS

7. For Post Views

To install the Dynamic Post Views Counter, first thing you need to do is to CREATE FIREBASE account.

1. Go to www.firebase.com Homepage.

2. Click SIGNUP and fill in all the information step by step.

3. In Step-2, it will ask you to create a FIREBASE DATABASE.

4. Enter the name of your FIREBASE DATABASE in the box (I have entered "Bloggersgag") & Click CREATE button.

5. This will generate the URL like:

bloggersgag.firebaseIO.com

Find and Replace it with your database in the template.