Fajri GridGray Responsive Blogger Template

Fajri GridGray Responsive Blogger Template - Sekarang saya akan mengeshare template blog. Template ini simple tetapi seo dan juga responsive. Selain itu template blog yang seo dan responsive juga dilengkapi denga fitur Font Awesome yang akan mempercantik Blog Anda.
 

Fajri GridGray

• Demo
• Download

FEATURES

• Seo and Responsive
• Breadcrumbs
• Flat Design
• Menu Navigation Responsive
• Blackquote Design
• Share Article
• Post ul with Font Awesome List
• Threaded Comment Design
• And Many More

CUSTOMIZE

1. Mengganti Gambar atau Logo

<a href='/'><img alt='Fajri Andaviar' 
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOrcCgQYEJzJAdraujtVd2E1d76cVm_QGIUK9FRnDlAP-MegsGps1Pa6ZTg5K6YJQN5qmCPKl_3fzB1ZJMZc2oduKC7ZrPepXgDpryPKWkDmqWijdZ8VwTohaDz91SEVhathB-LSvmYifv/s1600/LOGO.png'
 style='max-width:240px;height:auto;float:left;text-align:left' 
title='Fajri Andaviar'/></a>

Ganti URL berwarna kuning tersebut, dengan URL logo anda.

2. Mengganti Menu di Atas Header ( Judul Blog)

<nav id='topmenu'>
<div id='topmenu-dalam'>
<input type='checkbox'/>
<label>&#8801;<span>Navigation</span></label>
<ul>
<li id='homenu'><a href='/' title='Home'><i class='icon-home'></i>  Home</a></li>
<li><a href='http://fajriandaviar.blogspot.com/p/about-me.html' title='About Me'>About Me</a></li>
<li><a href='http://fajriandaviar.blogspot.com/p/contact.html' title='Contact'>Contact</a></li>
<li><a href='http://fajriandaviar.blogspot.com/p/follow.html' title='Follow'>Follow</a></li>
</ul>
</div>
</nav>

Ganti yang saya blok warna kuning dengan sesuka hati anda

3. Mengganti Menu di Bawah Header ( Judul Blog)

<nav id='menu'>
<div id='menu-dalam'>
<input type='checkbox'/>
<label>&#8801;<span>Navigation</span></label>
<ul>
<li><a href='/' title='Home'><i class='icon-home'></i>  Home</a></li>
<li><a href='#' title='Templates'><i class='icon-desktop'></i>  Menu 1</a></li>
<li><a href='#' title='SEO'><i class='icon-cloud'></i>  Menu 2</a></li>
<li><a href='#' title='Tutorial Blogger'><i class='icon-rss'></i>  Menu 3</a></li>
<li><a href='#' title='jQuery'><i class='icon-sitemap'></i>  Menu 4</a></li>
<li><a class='prett' href='#' title='More'><i class='icon-microphone-off'></i>  Menu Drop</a>
<ul class='menus'>
<li><a href='#' title='CSS'>Menu Drop 1</a></li>
<li><a href='#' title='Widget'>Menu Drop 2</a></li>
<li><a href='#' title='Template Hack'>Menu Drop 3</a></li>
</ul>
</li>
</ul>
</div>
</nav>

Ganti kode berpagar ( # ) dengan URL yang anda inginkan

4. Mengganti Komen Notifikasi

<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
    home_page: "http://fajriandaviar.blogspot.com",
    max_result: 10,
    t_w: 50,
    t_h: 50,
    summary: 30,
    new_tab_link: true,
    ct_id: "cm-container",
    new_cm: " Komentar Baru!",
    interval: 30000,
    alert: true,
    alert: function(total) {
        document.getElementById("cm-total").innerHTML = '<strong class=\'total-counter\'>'+total+'</strong>';
        document.title = '(' + total + ') ' + originalTitle;
    }
};
$('#notif').click(function(){$('#cm-container, 
.close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container,
 .close-notif').hide();});document.getElementById('notif').onclick = 
function(){document.title = 
originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick
 = function(){document.title = 
originalTitle;$('#cm-total').hide();$('#cm-scroll');$('#cm-container').show();};
//]]>
</script>

Ganti URL yang telah di blok warna kuning dengan URL blog anda

 Untuk mempermudah pencarian gunakan CTRL + F

Itu saja dari saya. Semoga bermanfaat. Sekian dan Terima Kasih.