Gagism Responsive Blogger Template - Templateism

Template Name: Gagism Responsive
Platform: Blogger / Blogspot
Release date : 5, February 2014
Author : www.techgator.org
License : Creative Commons Attribution 3.0

Live Demo           Download

Gagism is based on Futuristic UI build for images gags websites. We have put together an amazing CMS interface for all those gag loving people who always desires to have a pictorial, or memes based site on Blogger platform. Most people find it difficult to start a gag site on WordPress due to fewer funds, but now they can have a professional gag site even on Blogger BlogSpot. Random Posts button, Rating system, Social buttons and lots of essential elements that were never seen before on a blogger site.

Features of Gagism Responsive Blogger Template:

• 100% Responsive Blogger Template: It works perfectly with all dimensions either it is High resolutions and low resolutions monitors such as iPad, iPhone, Android and etc.

• SEO Friendly: Most people complain that image sites are less SEO friendly making it a lot difficult for Search engines to crawl and index the images and posts. However, we have kept our standards high and come up with a highly optimized image template for Blogger.

• Star Rating System: Unlike other sites, you will notice a five star rating system below title of each post providing flexibility to users to rate your gag with either a one star or five star rating. This gives an idea to other users about the quality of your posts.

• Reblog Gag Button: We have also added a “Reblog” gag button that enables users to share your gags on their blogs while giving a proper backlink to their original source. This helps you to make your gag go viral across different blogs. 

• Multi-Drop Menu: Like our previously released theme Wedding Mag, this template also supports multi-level drop down menus giving much more room to you to add more categories to your site.

• More Features: Gag Based Image site, Cloud Labels, 3 Colum Blogger Template, 4 Colum Footer Widgets, 2 Sidebars, Number Page navigation, Orange customizable color scheme and much more exciting features.

How to Add Featured Post via Labels:

To modify Feature top Label, go to Blogger.com >> Layout >> Amazing Gags >> Edit, and paste the following code in the HTML Text box. Note: Replace "Featured" with your Label. Remember: The spelling should be accurate otherwise it would not work, even take care of upper and lower class letters.

<script type='text/javascript'>
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate =  true;
var showpostsummary = false;
var numchars = 400;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Featured?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

Read More

Educator Blogger Template - Templateism

Template Name: Educator Blogger Template
Platform: Blogger / Blogspot
Release date : 23, September 2013
Author : Syed Faizan Ali
License : Creative Commons Attribution 3.0

Live Demo           Download

Educator Blogger Template is utterly stylish yet decent and sober theme designed for BlogSpot based websites. We have designed this template for all those colleges, universities and other institutions who want to have an amazingly professional website with not a lot of expenses. Educator Blogger template allows you an ideal online institution website, and at the same time it can also be converted in a full-time magazine blog. Though, it is designed for educational blogs, but one can also use it on magazine, Technology, Multimedia based websites.

Features of Educator Blogger Template:

Responsive Blogger Template: This theme supports multiple dimensions, which means it would appear just perfect on your personal computers, laptops, smartphones, and the rest of the other devices.  Which means your mobile users would enjoy browsing your site as it would bring a lot of perks to them. 

Full Width Image Slider: In this theme, we have also connected a responsive highly flexible image slider. You can upload picture of any sizes, and it would stretch it just faultlessly. However, to bring productive results upload a decent large image. 

Featured Posts: Like our other templates, we have also included featured post functionality through which you can display posts tagged with a specific Label differently. To install this function, check out the details below.

SEO Optimized: Search engine optimization is considered as the one of the essential element of a website this is the reason why we always emphasis on developing themes having moderate SEO score. We have added some distinct on-page SEO plugins which would certainly help you in increasing your Google SERP Rankings.

More Features: Multiple Drop Down Menu, 4 columns Footer, 3 columns Template, Threaded commenting system, related posts, Ads ready, SEO Friendly and much more.

How to Customize Feature Top Label:

To customize Feature top Label first upload this template to your site then go to Blogger.com >> Layout >> Feature Top (Full Width) >> Edit and paste the following code in the HTML Text box. Note: Replace "Technology" with your Label. Remember: The spelling should be accurate otherwise it would not work, even take care of upper and lower class letters.

<h2 class="featuredi"><a>Feature Update<a></a></a></h2>
<script src='/feeds/posts/summary/-/Technology?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentthumbs&amp;' type='text/javascript'/>
</div> <div class='clears'/></script>

How to Customize Feature Left Label:

To customize Feature Left Label go to Blogger.com >> Layout >> Feature (Side) >> Edit and paste the following code in the HTML Text box. Note: Replace "Tech" with your Label. Remember: The spelling should be accurate otherwise it would not work, even take care of upper and lower class letters.

<div id='featureside'>
<h2 class='featureside'><a>Feature Update<a/></a></a></h2>
<script src='/feeds/posts/summary/-/Tech?max-results=8&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentthumbs&amp;' type='text/javascript'/>
</div> <div class='clears'/>

How To Customize Slider:

First login to your blogger dashboard and go to Template >> Edit HTML  and search for the following piece of code and customize it according to your desire needs.

<section class='slider-wrapper'>

Read More

Brand Mag UX Responsive Blogger Template - Templateism

Template Name: BrandMag UX
Platform: Blogger / Blogspot
Release date : 18, December 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Live Demo           Download

Brand Mag UX is pure and fully responsive Blogger Template builds with latest technologies like HTML and CSS3. It has a unique design concept with multiple elements to customize and turn it around. It has variation in the header, as you can add either Slider or Advertisements. You can use it for design, portfolio, magazine, personal blog, products, presentation and landing page etc. It is also pre-optimized for on-page SEO providing enough functionality to index your posts 80% faster than the other Blogger Templates available on different websites.

Features of BrandMag UX Blogger Template:

Unique Design: The UX Design on this theme is totally unique, which gives an extra finish to your website. It is elegant yet simple, which is the main required of a decent website design. It could be used as a magazine or a portfolio site at the same time (due to its flexible features).

Sticky Navigation Bar: The sticky navigation bar is somewhat inspired from Android UI, the strip based navigation gives you enough flexibility to expand it or to keep it slim. This makes it a lot easier for your visitors to navigate through your content.

100% Responsive Design: Like our previously released theme vCard, this template is also 100% responsive. We have tested it on different devices like Android, iPhone, Desktops, and HD Laptops. It works awesomely well on all standard devices.

Featured Label Area: This feature is the trademark of Templateism.com. It allows you to display Posts from a specific Label. It is easily customizable and works on jQuery, so it is amazingly fast and reliable to use.

3D Gallery Slider: This is an awesome slider for developers and web designers who loves to showcase their designs, websites, and artwork. It works smoothly, there are few customization available to change its way of working.

More Features: Automatic Summery, Auto Read More, Ad Friendly, 4 column Footer (Available for HD Laptops), Cloud Labels, Related posts, Threading commenting and much more.

How to Customize Feature Top Label: 

To modify Feature top Label, go to Blogger.com >> Layout >> Feature Top (Full Width) >> Edit, and paste the following code in the HTML Text box. Note: Replace "Featured" with your Label. Remember: The spelling should be accurate otherwise it would not work, even take care of upper and lower class letters.

<h2 class="feature-heading">Trending Articles From <b>Brand. Mag. Ux.<b></b></b></h2>
<script type='text/javascript'>
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 280;
</script>
<script type="text/javascript" src="/feeds/posts/default/-/Featured?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script>

How to Change 300x250 Ad in Header: 

Go to Blogger >> Layout >> 300x250 AD TOP >> Edit, and paste your Ad Code in the HTML Box. Once everything is done, save the gadget and the advertisement would start appearing on all across your site except the homepage.

We hope this new and unique Blogger template would be a useful addition to our template inventory. Do let us know what are your thoughts and vies about this latest addition. We have some amazing, and more unique Blogger templates to release in the upcoming year 2014, so stay tuned.

Read More

BlogTube Professional Video Blogger Template - Templateism

Template Name: BlogTube Professional
Platform: Blogger / Blogspot
Release date : 4, January 2014
Author : Syed Faizan Ali
License : Creative Commons Attribution 3.0

Live Demo           Download

Features of BlogTube Professional Video Template:

Responsive Design: It is highly responsive, which means it supports the majority of screen High quality and normal screen resolutions. We have tested it on iPad, iPhone, Android and other similar devices. It gives just perfect results.

Auto YouTube and Dailymotion Thumbs: We have developed a script that fetches thumbnails of your videos automatically. Which means, you don’t have to upload images to show thumbs at home and other pages. This feature saves a lot of your time and provide a lot of comfort.

Featured YouTube Videos via Labels: You can display featured videos on the homepage with the help of Labels. Note: it only works with YouTube videos, so if you have any Dailymotion video in the same label then it is less likely to work.

Video Views Counter: Like every other video hosting site, we have added views counter which would appear just beneath the videos. It works on pageviews so, whenever someone would reload the page it would increase the number of views in the counter.

SEO Friendly: Most of the video hosting sites are less likely to be Search engine friendly. Therefore, we have used some of the top notch plugins to increase and polish its on-page SEO.

More Features: Magazine Style, Multi-Drop Down Menu, white color scheme, threaded commenting system, 3 column footer, 2 column template and much more.
How to Add Videos?

To show videos, you have to copy and paste the Video embed URL in your posts. However, it only supports automatic thumbs feature for YouTube and Dailymotion.

Embed Code for YouTube Videos: (Example)

<iframe allowfullscreen="" frameborder="0" height="320" src="http://www.youtube.com/embed/BCsfeGiZvgA" width="100%">

How to Add Description in Videos:

In your videos you might notice a text called "Description"? Well, we have added a technique through which you can show the meta description of you videos not only to search engines but also to the human visitors. To enable this feature go to Blogger ›› Settings ›› Search preferences ›› Description ›› Yes ›› Save.

Now while writing new posts make sure to add "Search Description" to show it in your posts as well.

How to Customize Video Slider:

This video slider supports Vimeo and YouTube videos. To customize this slider, go to Blogger > Template > Edit HTML and search for the following piece of code:

<ul id='mbl_playlist'>

Now on finding the above code you will notice a couple of Vimeo Video URL, replace them with either Vimeo video URL or YouTube video URL and save your template.
How to Customize Feature Label Area:

The first thing you need to do is to go to Blogger.com ›› Your site ›› Layout ›› Add a Gadget ›› Add HTML/JavaScript and paste the following code in the HTML Text box.

<script style='text/javascript'>
var numposts = 4;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 75;
</script>
<script src='/feeds/posts/summary/-/Feature?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

Now either replace "Feature" from the following coding to a keyword that you want to use as a Label so show up posts in this featured area. On second thoughts, you can tag your posts with "Feature" label and those posts would start appearing. Note: This feature only works with YouTube Videos.

Read More

AndroidMag Blogger Template - Templateism

Template Name: AndroidMag Blogger Template
Platform: Blogger / Blogspot
Release date : 27, March 2013
Author : Syed Faizan Ali And His Crew Members
License : Creative Commons Attribution 3.0

Live Demo           Download

AndroidMag is a multipurpose Blogger Template designed for Smartphones lovers. It has ready-to-use color scheme and lots of gadgets are preloaded in this template. This theme is ideal for those blogs which are entirely based on Mobile Apps, Gadgets and technology. However, you can always customize its color scheme to make it look according to your needs.  The color combination of dark and light green gives it a complete Android touch. To be honest, this theme is a treat for Smartphone loves i.e. Android, iPhone and etc

Features of AndroidMag Blogger Template:

Android Theme: This theme is not affiliated with Google (Android). The main idea behind this theme is to help all smartphone lovers, and to motivate them to blog on Android niche.

Multi-drop down menu: After receiving lots of request, we finally included a Multi drop down menu in this theme. To provide more flexibility, we have not used any jQuery file. In fact, everything works on CSS.

SEO-Friendly: Like our previous themes, we have added an SEO plugin in this template. This plugin would help you in increasing your SEO score. It is already optimized for on-page SEO, so there is no need to do is manually.

Author Box: We have also added an automatic author box, which would automatically derive the name of the author and would display his details at the end of the posts.

Related Posts: This theme also has a built in related posts gadget which would appear at the end of every posts. It automatically fetches the most related articles and displays them in a systemic order.

More Features: Web 2.0, Magazine Style, lime green and dark green color Scheme, threaded commenting system, custom label wrapper ,three Columns footer, and much more

Read More

Retina Blogger Template - Templateism

Template Name: Retina Blogger Template
Platform: Blogger / Blogspot
Release date : 14, June 2013
Author : Syed Faizan Ali
License : Creative Commons Attribution 3.0

Live Demo           Download

Retina Blogger template is a versatile magazine style theme designed for those blogs which are multi-niched, or covers a lot of stories of different categorize at just one place. It is still ideal for all kind of blogs like Technology, Entertainment, News, Magazine, Gadgets. It has the tendency to accommodate almost anything. It is jam-packed with lots of customized widgets. Just install this template, sit back and enjoy. This theme has pure appearance with crystal clear touch. The outlook is so beautiful that you cannot stop yourself from saying a WOW!

Features of Retina Blogger Template:

JQuery Image Slider: In this Template, we have incorporated a modest and light weight jQuery image slider that works pretty well. It has some cool transition effect which would surely look well with your website. Just like every other slider, we have play, pause, forward and backward buttons.

Featured Label Area:  With this theme, you can use “Labels” to display posts on your homepage.   It drives data of your posts from Labels and displays them on your homepage. It shows the thumbnail of the posts along with their title in a systematic manner.

Related Posts: This theme also has a related post gadget which appears just beneath your posts. It displays related posts in systematic order along with their featured thumbnails.

SEO-Friendly: This theme is absolutely brilliant for search engines. This theme has the highest search engine optimization score. The speed of this template is 90 out of 100 according to Google Speed insights.
More Features: Magazine Style, blue color scheme, threaded commenting system, 2 column template, 2 column sidebar and much more.

How to Customize Feature Label Area:

The first thing you need to do is to go to Blogger.com >> Your site >> Template >> Edit HTML and search for this code. Quick Tip: You will find this code some way near to the <body> Tag.

<div id='featurebottom1'><h2 class='headingfeature'>#Technology</h2>
<div class='left-corner-canvas'/>
    <script src='/feeds/posts/summary/-/Technology?max-results=4&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentthumbs&amp;' type='text/javascript'/>
<a class='readmoretopic' href='/search/label/Technology'>Browse More</a>
         </div>
<div style='clear:both;'/> 

Now either replace "Technology" from the following coding to a keyword that you want to use as a Label so show up posts in this featured area. On second thoughts, you can tag your posts with "Technology" label and those posts would start appearing.

Note: Repeat the same process until you have customized all four Label featured areas. 

Read More

Flat Mag Responsive Blogger Template - Templateism

Template Name: Flat Mag Responsive
Platform: Blogger / Blogspot
Release date : 29, August 2013
Author : Syed Faizan Ali
License : Creative Commons Attribution 3.0

Live Demo           Download

Flat Mag Responsive Blogger Template is a multi-purpose straight Blogger template precisely designed for multimedia, news bulletin, Entertainment and Technology blogs. With elegant green color scheme, Fla tMag gives you visitors the experience of their life as they go though the responsive and flexible design. It has a lot of useful and key widgets, which come which are ready-to-use from the time this template is installed on your blog. Following are the few key features we have incorporated in this responsive blogger theme.

Features of FlatMag Responsive Blogger Template:

Breadcrumbs: The most amazing widget we have in this template is Breadcrumbs for humans. It has nothing to do with SEO. The breadcrumbs would only display parent categories of the article so users can easily search your site in depth.

Responsive Design: It has responsive design which automatically fits different resolutions i.e. iPad, iPod, Android and etc. (Try resizing the page of your browser and see the magic). This theme is coded so perfectly that it is highly responsive in even Internet Explorer.

Sticky Header with Drop down Menu: In this theme, we have used “Sticky” drop down menu, but a lot of users demanded for a Multi Drop Down menu which could work on three different sub levels. Keeping that in mind, we have added a “Sticky”, Multi-level Drop down menu in this theme. On the top of that the header of this theme is also sticky.

Author Bio Widget: The next new thing, which we have added in the template, is the “Author Bio” widget that appears in each and every post. Anyone can customize it, according to their needs. Keep in mind it is not for multiple authors.

Featured Label Posts: Just like our previous themes, we have also added a featured post display in this theme, which gives a user the flexibility to easily display posts through a certain Label on home and archive pages. To learn how to install this feature, kindly check the guidance below.
More Features: Back to Top button, 4 columns Footer, 3 columns Template, Threaded commenting system, related posts, Ads ready, SEO Friendly and much more.

How To Customizing Sticky Menu?

Go To Blogger.com >> Template >> Edit HTML >> Proceed. Now search for the following coding in the template. After finding it Replace # with your URLs and Save the template.

<div class='span-24'>
<div class='menu-secondary-container'>
<ul class='menus menu-secondary'>
<li><a href='http://flatmag.blogspot.com/'>Home</a></li>
<li><a href='#'>Blog</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
<li><a href='#'>Contact</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Portfolio</a></li>
<li><a href='#'>Tutor</a></li>
</ul>
</div>
</div>

How to Customize Featured Content Area?

The first thing you need to do is to go to Blogger.com >> Your Blog >> Layout >> now beside post body and right sidebar you will notice a small thin gadget area. Press "Add a gadget >> Add HTML/JavaScript and paste the following code there. Note: Replace "Tech" with your Label. Remember: The spelling should be accurate otherwise it would not work, even take care of upper and lower class letters.

<script type='text/javascript'>
var numposts = 10;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 100;
</script>
<script src='/feeds/posts/default/-/Tech?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs' type='text/javascript'/></script>

Read More