Fajri GridiGray Responsive Blogger Templates

Fajri GridiGray Responsive Blogger Templates - Kali ini saya akan membagikan sebuah Template yang lumayan keren, dengan desain yang simple dan responsive membuat template ini terlihat indah.

Silahkan dilihat demonya dan silahkan untuk mendownloadnya :

Fajri GridiGray Responsive Blogger Templates

Features

• Seo and Responsive
• Breadcrumbs
• Flat Design
• Menu Navigation Responsive
• Search Box Responsive Google Style
• Comment Notification
• Popular Post Design
• Post Label and Post Info
• Blockquote Design
• Post ul with Font Awesome List
• Share Article
• Articles Related to Box Subscription
• Threaded Comment Design
• Bounce to Top
• And many more..

Customize

1. Untuk mengganti logo cari kode berikut :

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

Lalu ganti Url logo diatas, dengan Url  logo anda (Url telah saya tandai dengan warna kuning).

2. Untuk mengganti Menu yang berada diatas Header, cari kode berikut :

<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>

Lalu ganti sesuai keinginan anda.

3. Untuk mengganti Menu yang berada dibawah Header, cari kode berikut :

<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>

Lalu ganti sesuai keinginan sobat.

4. Untuk Mengganti Komen Notifikasi, cari kode berikut :

<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>

Lalu ganti fajriandaviar.blogspot.com dengan Url blog sobat (Untuk yang harus disesuaikan telah saya tandai dengan warna kuning).

Terima kasih sobat telah mengunjungi blog saya ini, maaf apabila ada salah kata, Wassalam.