Free Template Blogger: Magazine

Tampilkan postingan dengan label Magazine. Tampilkan semua postingan

Diffuser Magazine Blogger Template

Senin, 15 April 2013

Template Name: Diffuser Magazine Blogger Template
Platform: Blogger / Blogspot
Release date : 25, December 2012
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview

Diffuser is a fully mobile responsive Template for Blogger Enabled Websites, which is ready with the latest CSS3 effects and suites perfectly on Magazine, Business, Blogs and Corporate Websites. It is compatible with all browsers and works perfectly on Internet Explorer too. High Speed Google fonts are consumed which would surely magnetize the eyes of your visitors. It is fully compatible with portable devices i.e. iPhone, iPad, Android and etc. In short, It is fully compatible with mobile devices.

Features of Diffuser eMag Blogger Template:

Adapted From WordPress: The elements which have used in this Blogger template are adapted from WordPress. We are sure that there is no Blogger Template, which could match the features of this Theme.

Thumbnail Related Posts: In this theme, we have added a Thumbnail Related post widget which would work on automation. The Thumbnails are of normal size so it could easily be seen by the readers.

Responsive Image Slider: To promote your featured articles, we have included a Responsive image slider that would help a person in promotion. It could give extra limelight to a certain article.

SEO Friendly: This Blogger Template is SEO-friendly because it is pre-optimized for Search engines. According to Google Page speed it has obtained 92 score out of 100 which is indeed overwhelming for SEO.

Four Columns Footer: Unlike, other blogger themes, we have experimented with 4 columns widget in the Footer. It would allow users to add up to 4 Gadgets without facing any problem whatsoever.

Static Home Page: This Theme also has Static Homepage, which shows Latest articles in different styles on homepage. However, on post pages it would continue to show articles in a well-organized manner.

Auto Read More With Thumbnail: There is no need to use Read more page break tool in this template because it would automatically create summary with 1 Thumbnail, and would display them on the Home page.

More Features: 1 Sidebar, 2 columns Blog Layout, Fixed Width, Dark Grayish Color Scheme, threaded commenting system and much more.

Customizing The Navigation Menu:

To customize the navigation menu of this Blogger Template follow the following instructions correctly. Go To Blogger.com >> Template >> Edit Html >> Search for the following code and customize it according to your desired needs. However, if you get stuck in the middle feel free to leave your comment below.

<div id='main_container'>

<nav class='main'>

<div class='menu-header-container'><ul class='menu' id='menu-header'>

<li class='menu-item'><a href='#' title='Diffuser'><span class='nav_item'>Home</span></a></li>

<li class='menu-item'><a href='#' title='Music News'><span class='nav_item'>News</span></a></li>

<li class='menu-item'><a href='#' title='Top 10 Lists and More'><span class='nav_item'>Features</span></a></li>

<li class='menu-item'><a href='#' title='Songs'><span class='nav_item'>Songs</span></a></li>

<li class='menu-item'><a href='#' title='Videos'><span class='nav_item'>Videos</span></a></li>

<li class='menu-item'><a href='#' title='Free Music Downloads'><span class='nav_item'>Free Music Downloads</span></a></li>

<li class='menu-item'><a href='#' title='Interviews'><span class='nav_item'>Q+A</span></a></li>

</ul></div>

<div class='social_icons size_24'>

<a class='share_link facebook' href='https://www.facebook.com/templateism' target='_blank' title='Follow on facebook'><span class='social_icon'>follow on facebook</span></a>

<a class='share_link twitter' href='http://twitter.com/templateism' target='_blank' title='Follow on Twitter'><span class='social_icon'>follow on Twitter</span></a>

<a class='tip-us' href='mailto:staff@gigi.com'>Tip Us</a>

</div>

</nav>

<div class='horizontal_navigation clearfix alt_link_color' id='promo_links'>

<div class='menu-promo-links-container'><ul class='menu' id='menu-promo-links'><li class='menu-item'><a>Trending:</a></li>

<li class='menu-item'><a href='#' title=' 2012 Music Awards'> 2012 Music Awards</a></li>

<li class='menu-item'><a href='#' title='Remembering Joe Strummer'>Remembering Joe Strummer</a></li>

<li class='menu-item'><a href='#' title='Best Albums 2012'>Best Albums 2012</a></li>

<li class='menu-item'><a href='#' title='Shocking 2012 Moments'>Shocking 2012 Moments</a></li>

<li class='menu-item'><a href='#' title='Best Radiohead Songs'>Best Radiohead Songs</a></li>

</ul>

</div>

Adding Widgets Below/Above Posts:

Sometime, users desire to add Widgets either above or below the post pages. Therefore, we have made tried our best to make things easier for everyone. To Add a Gadget only on Post Pages either above or below post follow the following instructions.

Go To Blogger.com >> Template >> Edit HTML >> Proceed and Search for the Following coding.

To Show Below Post Title:

<b:if cond='data:blog.pageType == "item"'>

</b:if>

To Show at The end of Posts:

<b:if cond='data:blog.pageType == "item"'>

</b:if>

Replace  or  with your Widget coding according to your desire needs.

From The Designer's Desk:

This Theme is ideal for Multimedia and Entertainment based Blogs and website because it has all the sparks which are required to run a Successful entertainment website. What are your thoughts about this Theme? any Errors or bugs that we forgot to remove? Suggestions are more then welcomed.

Download »

News Magazine Blogger Template

Template Name: News Magazine Template
Platform: Blogger / Blogspot
Release date : 10, February 2013
Author : www.templateism.com
License : Creative Commons Attribution 3.0

Download Preview

News Magazine is an ever new responsive Template for Blogger Platform. Though, this template has the capability to take shape of any kind of website, but it is ideal for the Niche blogging like Technology, News bulletin, Gadgets, Telecom. This Theme has an elegant touch that literally produces sparks in the eyes of your visitors. It is jam packed with custom options like Featured Labels, Dropdown menu, Custom sidebar, related posts and much more. News Magazine looks splendid, because of its prominent color scheme. The orange color with a combination of blank gives it a perfect touch.

Key Features of News Magazine Blogger Template:

Drop down Menu: Drop downs menus have become a basic need of each and every website. Keeping that in mind, we have added navigation drop down menu in this theme too.

Custom Popular Post: We have also added a custom popular posts widget which would display all those articles which are popular on your website. It helps in improving the Bounce rate.

Auto Read More Button with Thumb: We have also included automatic read more button script, so there is no need to add manual Jump break buttons. Furthermore, the “Continue Reading” button is extremely stylish.

Featured Content Area: This new feature is one of its kinds because we have first time added a splendid widget. This Widget fetches the Posts though Labels and, displays them in the featured content area. This also helps in arranging your content in different and prominent ways.

More Features: WordPress Look, Web 2.0, Magazine Style,Fixed Width, white and dark blue color Scheme, threaded commenting system, custom threaded commenting system and much more.

How To Customize Drop Down 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.

Navigation #1:

<div class='main-navigation'>
<nav id='navigation'>
<ul class='menu' id='menu-pages'>
<li><a href='#'>General Settings</a></li>
<li><a href='#'>Styling</a></li>
<li><a href='#'>Single Post</a></li>
<li><a href='#'>Ad Management</a></li>
<li><a href='#'>Social</a></li>
<li><a href='#'>Fonts</a></li>
</ul>
</nav>
</div>

Navigation #2:

<div class='secondary-navigation'>
<nav id='navigation'>
<ul class='menu' id='menu-main-navigation'>
<li><a href='#'>Home</a></li>
<li><a href='#'>Technology</a></li>
<li><a href='#'>Breaking News</a></li>
<li><a href='#'>U.S.A</a></li>
<li><a href='#'>World News</a></li>
<li><a href='#'>Options Panel</a>
<ul class='sub-menu'>
<li><a href='#'>General Settings</a></li>
<li><a href='#'>Styling Options</a></li>
<li><a href='#'>Single Post</a></li>
<li><a href='#'>Font Settings</a></li>
<li><a href='#'>Social Buttons</a></li>
<li><a href='#'>Ad Management</a></li>
</ul>
</li>
<li><a href='#'>Shortcodes</a></li>
</ul></nav>
</div>

How to Customize Featured Label Area?

In order to add posts through Labels then go to Blogger >> Layout >> Just above the post body there will be three "Add a Gadget" button. Just select it and from the list open Add HTML/JavaScript. Now in the HTML Text box paste the following coding. Replace "Templateism" with your any Label.

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>

<script type="text/javascript" src="/feeds/posts/default/-/Templateism?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

<div class="readMores">

<a href="#">Read More</a>

</div>

From the Designer's Desk:

Hopefully this Theme would help lots of bloggers who were anxiously waiting for a theme that is built with some wonderful features. It will compliment any kind of website like Technology, Multimedia, and Magazine. Feel free to leave your comments and suggestions below.

Download »

Sporty Magazine 3

Selasa, 09 April 2013

Template Name : Sporty Magazine 3
Template Author : Herdiansyah Hamzah
Url Author : http://www.herdiansyah.net
Description : Simple magazine blogger template with adsense ready, easy loading, SEO ready, auto readmore, multi column, fixed page navigation and more.
Designer : Herdiansyah Hamzah
Published : Borneo Templates
Url Published : www.borneotemplates.com

LIVE DEMO | DOWNLOAD

Download »

ZonaMagz Template Berita Elegant

Rabu, 27 Februari 2013

LIVE | DOWNLOAD

Instalasi Widge

Slider Header

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script type='text/javascript'>
function rpthumbnt(json)
{
document.write('<ul class="rp_plus_img">');
for(var i=0;
i<numposts;
i++)
{
var entry=json.feed.entry[i];
var posttitle=entry.title.$t;
var posturl;
if(i==json.feed.entry.length)break;
for(var k=0;
k<entry.link.length;
k++)
{
if(entry.link[k].rel=='alternate')
{
posturl=entry.link[k].href;
break
}
}
var thumburl;
try
{
thumburl=entry.media$thumbnail.url
}
catch(error)
{
s=entry.content.$t;
a=s.indexOf("<img");
b=s.indexOf("src=\"",a);
c=s.indexOf("\"",b+5);
d=s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))
{
thumburl=d
}
else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitUexfULpt1OrUTJw0Zk8eaGSK1trCdzr8p2i7ymJs4bnEpV9fHRASiIR9v_rRpalzs88lO46ZF9TUioyFtrrO53u6AbAUlKa4jaeRSQEgPpFLmtweLFcNJOWH4-METpHfkt8P6KWWlhqC/d/noimagethumb.gif'
}
document.write('<li class="news-title clearfix">');
document.write('<a href="'+posturl+'" target="_blank"><img src="'+thumburl+'"/></a>');
document.write('<a href="'+posturl+'" target ="_top">'+posttitle+'</a><br>');
if("content"in entry)
{
var postcontent=entry.content.$t
}
else if("summary"in entry)
{
var postcontent=entry.summary.$t
}
else var postcontent="";
var re=/<\S[^>]*>/g;
postcontent=postcontent.replace(re,"");
if(postcontent.length<numchars)
{
document.write('<span class="news-text">');
document.write(postcontent);
document.write('</span>')
}
else
{
document.write('<span class="news-text">');
postcontent=postcontent.substring(0,numchars);
var quoteEnd=postcontent.lastIndexOf(" ");
postcontent=postcontent.substring(0,quoteEnd);
document.write(postcontent+'...');
document.write('</span>')
}
document.write('</li>')
}
document.write('</ul>')
}
function rpnewsticker()
{
last=$('ul#rp_plus_img li:last').hide().remove();
$('ul#rp_plus_img').prepend(last);
$('ul#rp_plus_img li:first').slideDown("slow")
}
</script>
<script type="text/javascript">
var speed = 1000;
var pause = 3500;
$(document).ready(function(){
rpnewsticker();
interval = setInterval(rpnewsticker, pause);
});
</script>
<ul id="rp_plus_img"><script>
var numposts = 10;
var numchars = 100;
</script> <script src="/feeds/posts/default/-/Technology?orderby=published&alt=json-in-script&callback=rpthumbnt">
</script></ul>

Tambahkan kode diatas dan ganti Technology dengan label anda

Slider Post

numposts1 = 5;
label1 = "Social Media";

Pada edit HTML cari kode diatas dan ganti Social Media dengan label anda

Game News

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

Tambahkan kode diatas dan ganti Game dengan label anda

Zona Design

<script language="JavaScript" src="http://feeds.feedburner.com/KangOnkDesign?
format=sigpro&nItems=12&format=openLinks=new
&displayDate=true&displayExcerpts=true&displayTitle=false&excerptLength=25&dateLocation=below" type="text/javascript"></script>

Tambahkan kode diatas dan ganti KangOnkDesign dengan Feedburner anda

Entertainment News dan Sport News

<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Entertainment?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>
<script type="text/javascript">
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_blank">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://zonamagz.blogspot.com/feeds/posts/summary/-/Entertainment?max-results=8&alt=json-in-script&callback=recentpostslist"></script>
<a href="http://zonamagz.blogspot.com/search/label/ Entertainment" style="float:right;font:normal 10px Arial;padding:5px 0;">More Article »</a>

Tambahkan kode diatas dan ganti Entertainment dengan label anda

Feedburner Feature

Silkan kunjungi postingan disini untuk membuat gadget seperti wordpress

Ads Sidebar

<a href="http://kang-fathur.blogspot.com/"><img src="http://s3.buysellads.com/1261376/106032-1336544849.gif"/></a><br />
<a href="http://kang-onk.blogspot.com/"><img style="float:left; margin:5px 0px 0px 15px;" border="0" src="http://s3.buysellads.com/1253581/64466-1308069194.gif" /></a>
<a href="http://kang-onk.blogspot.com/"><img style="float:right; margin:5px 15px 0px 0px;" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc9QbnRyP7XeYJEsCzlLPUIHzHX_QAZOf3UTALRjC371uxOgIF3FQeEJefVYNVN0_YKTeqb2f6Dlm_LP1VGyg9L6pvhi7lIhMeNi5BE7x-jM8b3feSs4mAfLd3cVlRs8dRMAYOlqxePMC2/s1600/ad2.jpg" /></a>
<a href="http://kang-fathur.blogspot.com/"><img style="float:left; margin:10px 0px 5px 15px;" border="0" src="http://s3.buysellads.com/1260709/71777-1312827947.jpg" /></a>
<a href="http://kang-onk.blogspot.com/"><img style="float:right; margin:10px 15px 5px 0px;" border="0" src="http://www.jauhari.net/engine/wp-content/uploads/2011/02/125-here.png" /></a>
<a href="http://kang-fathur.blogspot.com/"><img style="float:left; margin:10px 0px 5px 15px;" border="0" src="http://www.jauhari.net/engine/wp-content/uploads/2011/02/125-here.png" /></a>
<a href="http://kang-onk.blogspot.com/"><img style="float:right; margin:10px 15px 5px 0px;" border="0" src="http://www.jauhari.net/engine/wp-content/uploads/2011/02/125-here.png" /></a>

Ganti URL dan IMGAE diatas sesuai dengan keinginan kamu.

Random Post Feature

<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=8;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + ">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></script>

Tambahkan kode diatas pada gadget anda

Download »

3 column, MagazineStyle, Adsense Ready Blogger Templates Collection Part2

Minggu, 17 Februari 2013

Another set of six Blogger Templates. You can get lots of free blogger templates with various styles and themes including most popular 3 column Templates, Adsense Templates from my Blog Templates gallery.

	Reflection Blogger Template
	BlackSplat Blogger Template
	Online Magazine Blogger Template
	DfMarine Blogger Template
	Minima Full Widget Blogger Template
	Magazine 3 Blogger Template

Download »

3 column, magazine style, Adsense Ready Blogger Templates Collection Part1

You can get lots of free blogger templates with various styles and themes including most popular 3 column Templates, Adsense Templates from my Blog Templates gallery.