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/AVvXsEiO3bUVVTOXR_5KKSKoo0Zuh1fRKA0xV5XSK056nrjEQWyozB4J80JmQXUTn8rSn68Mv358_AhbmJINgd1XFMq3AoUifxPdWl-wGE6z-arwM4CyOw9kMqo2JAFEHl3rR8ynxYRQ9cQlBlHg/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>≡<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>≡<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).
Blogger
Google+
Facebook
Twitter