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.
9Gag Blogger Theme
Features of 9Gag blogger theme
- 3 different Header styles
- Automatic Featured Posts
- Automatic Featured Posts
- Widget ready sidebars
- Automatic thumbnail creator
- Read More hack
- Page Navigation Widget
- Subscription box
- Favicon Included
- Comment form enabled
- Author comments new style
- Gravatar ready – Author
- Advertisement 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 :
[html]<br />
<img style="background: none; border: none;" src="http://smashingtips.com/wp-content/uploads/2012/06/300×300.gif" alt="" /><br />
[/html]
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.
[js]<br />
<script type="text/javascript">// <![CDATA[</p>
<p>var thumbnail_mode = &quot;float&quot;;<br />
summary_noimg = 500;<br />
summary_img = 250;<br />
img_thumb_height = 340;<br />
img_thumb_width =460;<br />
// ]]></script><br />
<script type="text/javascript" src="http://smashingtips.com/blogger/readmore.js">// <![CDATA[</p>
<p>[/js]
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 :
[js]<br />
<script style=’text/javascript’ src=’http://smashingtips.com/blogger/recent.js’><br />
// ]]></script><script type="text/javascript">// <![CDATA[<br />
var numposts = 5;<br />
var showpostthumbnails = true;<br />
var displayseparator = true;<br />
var showcommentnum = true;<br />
var showpostdate = true;<br />
// ]]></script><br />
<script type="text/javascript" src="http://domain.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=recent"></script><br />
[/js]
In this change , domain name to your blog domain name.
[js]<script type="text/javascript" src="http://smashingtips.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=recent"></script>[/js]
For showing posts from particular category :
Change the last line in the code to this.
[js]<br />
<script type="text/javascript" src="http://domain.blogspot.com/feeds/posts/default/-/featured?orderby=published&alt=json-in-script&callback=recent"></script>[/js]
Here change the domain name and “featured” to the label name.
For more customization, please check the other post “Show Recent Posts With Thumbnail from Particular Label/Category in Blogger”
Download 9gag Blogger Template
I have listed all 2 versions of the template, pick the one you like.
Popular
-
-
Notable Tips for shooting Awesome Wildlife photographs
December 8, 2012 By -
12 Best Mid Range DSLR cameras
December 6, 2012 By Mohamed Rias -
How to set up navigation menus
November 23, 2012 By Mohamed Rias -
9gag Clone Blogger Theme
October 29, 2012 By Mohamed Rias
-
200+ Ultimate Collection of Photoshop Plugins
February 19, 2010 By -
65 Amazing High Resolution 3D Wallpapers for your Desktop
September 5, 2012 By Mohamed Rias -
Notable Tips for shooting Awesome Wildlife photographs
December 8, 2012 By -
45+ Surreal Infrared photography Inspirations and Tips
December 2, 2010 By -
65+ Stunning Macro Photographs with tutorials
May 24, 2012 By
-
45+ surreal Long Exposure Photography Inspirations
January 6, 2010 By Mohamed Rias -
20+ incredible Gigapixel Photography Inspirations
February 4, 2010 By Mohamed Rias -
Show Adsense ads below post title
May 16, 2009 By Mohamed Rias -
25+ Breathtaking examples of Natural sky Photography
February 2, 2010 By -
How to add multiple Authors in Blogger
January 9, 2010 By
Editor’s Pick
-
February 19, 2010 200+ Ultimate Collection of Photoshop Plugins
Photoshop is a powerful image editing software which is very useful for web designers and photographers to create desired effects in the images. But sometimes it’s difficult to perform certain tasks manually in photoshop. Once there was a belief that only designers who have mastered photoshop can create special effects on photographs or images. But…
-
December 8, 2012 Notable Tips for shooting Awesome Wildlife photographs
You can remark it as wild-time game, which surely it is. Wild is the community for animals and not ours so it’s there to decide what they will do and what they want to. You can tell them to make some gesture that well-suit your need, or you can’t ask they to align up in…
-
December 2, 2010 45+ Surreal Infrared photography Inspirations and Tips
In Infrared Photography the image sensor used is highly sensitive to infrared wavelengths of light. We all know that white light is composed of several bands of colours known as spectrum and the wavelengths ranging between 750nm to about 1200 nm, falls on infrared (IR) band. The spectrum used is in this technique is termed…
-
May 24, 2012 65+ Stunning Macro Photographs with tutorials
We are often bothered and eluded by the large things like landscape, river views, lakes etc. but we rarely look to the smallest things in our world. Macro photography is one of those medium which makes you feel that even the smallest things have many parts to play in this globe. Macro photography means that…
-
December 15, 2012 Tips to shoot excellent Panoramic Photographs
Recently, making out panoramic photos has become much easier as your software stitches them quite beautifully together. Photoshop is quite skillful and master in doing that; it has got a command called Photo Merge that weaves your photos once you hit it. Now, software is mere medium which we use to ease our post works,…
Leave a reply