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/AVvXsEiGSjTpSQHa2BWBiO_LzfuB8URUZ-ICU-0G6-_ROHG_8_QTw1ruInAGMt36rwhnQMfv2Vd94spHUgIYbRiWT_qeRXEBQUls0Om56655bMidEFScyBohzXm-V3vxmuixO_0NJ1RQ3LTdVxQN/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://all-trick-blogs.blogspot.com/p/about-me.html' title='About Me'>About Me</a></li>
<li><a href='http://all-trick-blogs.blogspot.com/p/contact.html' title='Contact'>Contact</a></li>
<li><a href='http://all-trick-blogs.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://all-trick-blogs.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 all-trick-blogs.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.