9Gag Clone Blogger Template

9Gag Clone Blogger Template

Template Name: 9Gag Clone

Platform: Blogger / Blogspot

Release Date: October 29, 2012

Author: Mohamed Rias

EZ Instructions: How to install blogger templates

License: Creative Commons Attribution 4.0

TEMPLATE FEATURES

Yo Fellas! Hope you are having a great time.I have been busy with server migration and web design works lately. At last i have got some time to write a quick post. In this post, I am looking to distribute my another Blogger template called “9Gag Clone”. Yes, as the name suggests its a 9gag.com clone. I have tried to rip all the cool features of 9gag. Still I don’t think many would be thinking to have that sort of a site on blogger. However, Of course you can do so but still blogger isn’t so powerful still. I probably guess, it will get all those CMS features very sooner. Let’s see the template features and tips to customize the template work for you.

FEATURES OF 9GAG BLOGGER THEME
3 different Header stylesAutomatic Featured PostsAutomatic Featured PostsWidget ready sidebarsAutomatic thumbnail creatorRead More hackPage Navigation WidgetSubscription boxFavicon IncludedComment form enabledAuthor comments new styleGravatar ready – AuthorAdvertisement Ready

HEADER STYLE
This template has got three different header styles. In the home page, you can have the featured posts listed with thumbnails. And in the post pages, you can either show up a list of category links or you can even show Adsense or any other network ad below the title.

I will distribute all three versions of it. You can download anyone which suits you.

RELATED POSTS WITH AD
We have implemented a better way to display the related posts widget along with ad. To insert your Ad code, Go to EDIT HTML page of your template and click “Expand widgets” check box.

Then search for the following code :

<img style="background: none; border: none;" src="http://smashingtips.com/wp-content/uploads/2012/06/300x300.gif" alt="" />

Replace this code with either encoded adsense code or Banner image.

POST TITLE WITH SOCIAL MEDIA ICONS

POST THUMBNAIL SIZE MANAGEMENT

By default, I have set the image size used in 9gag site. But if you want to use this template for a tech blog and want to customize the image size width. Then you can do that by editing the following code in your template.


Go to EDIT HTML page of the template. And look for the following code.

<script type="text/javascript">// <![CDATA[

var thumbnail_mode = &quot;float&quot;;
 summary_noimg = 500;
summary_img = 250;
img_thumb_height = 340;
img_thumb_width =460;
// ]]></script>
<script type="text/javascript" src="http://smashingtips.com/blogger/readmore.js">// <![CDATA[

There you can find the image width and height parameters img_thumb_height = 340; and img_thumb_width =460; . Change the width and height to suit your template.

WIDGETIZED SIDEBAR
I have made widgets to show recent posts with thumbnail and without thumbnail, Posts from any particular category with/without thumbnail, two columns category list and Scrolling followers box.

To include the widgets in your template, Please follow the steps mentioned here.

Let us take a look at the code for showing recent posts :

<script style='text/javascript' src='http://smashingtips.com/blogger/recent.js'>
// ]]></script><script type="text/javascript">// <![CDATA[
var numposts = 5;
var showpostthumbnails = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
// ]]></script>
<script type="text/javascript" src="http://domain.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=recent"></script>

In this change , domain name to your blog domain name.

<script type="text/javascript" src="http://smashingtips.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=recent"></script>

For showing posts from particular category :

Change the last line in the code to this.

<script type="text/javascript" src="http://domain.blogspot.com/feeds/posts/default/-/featured?orderby=published&alt=json-in-script&callback=recent"></script>

Here change the domain name and “featured” to the label name



EXTRA SEARCH TAGS (IGNORE!)
blogger templates cloud, blog templates cloud, templates cloud, free premium blogger templates, free quality blogger templates, freemium, download free blogger templates, best blogger templates, top blogger templates, template blog, blogger templates, templates for blogger, templates-blogger, templates for blog, blogspot templates, blog templates, templates for blog, templates para blogspot, blog templates for blogspot, web design, webdesign, website templates, xml, themes, designs, free templates, layouts, tube blogger templates, youtube clone blogger templates, free video blog templates, gag blogger templates, damnlol blogger templates, funny blog templates, responsive blogger templates, blogger template lists, online store blogger templates, shopping cart blogger templates, ecommerce blogger templates, ads ready blog templates, auto slider ready blogger templates, download free blogger templates.