Fajri GridiGray Responsive Blogger Templates

wahab

Templates

2015/02/28

15 Komentar

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/AVvXsEhfMDV89mNqPjVudZEmIUK-LVbDNOPEdlksTDHn4Uw9u3N5pD9kON2JbArYU5EvMa0LRafyeZecoL1Nq0dP1g9CSeZR-Q-CtbzUJYU3MSXzh4BRK0PrLEoTkRoceK0J6LMZ4LFW_s0tpqLd/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.

Pengelola Blog : ABDUL WAHAB

Judul : Fajri GridiGray Responsive Blogger Templates
Ditulis oleh :Blog Shiro pada hari 2015/02/28
Rating Blog : 5 dari 5
Terima kasih sudah membaca artikel tentang Fajri GridiGray Responsive Blogger Templates
Kalian boleh menyebar luaskannya atau mengcopy paste-nya jika artikel ini sangat bermanfaat bagi Blog dan teman-teman kalian.
Namun jangan lupa harap memberikan link aktif dofollow ke URL
https://fajriandaviar.blogspot.com/2014/05/fajri-gridigray-responsive-blogger.html
Dan Terima kasih sekali lagi atas kunjungannya.

Kritik dan saran atau apapun bisa kalian sampaikan melalui kotak komentar.
Dan mohon maaf jika komentar atau pertanyaan tidak bisa cepat saya respon,
karena Saya tidak selalu online dikarenakan sibuk.