Fajri Gridigray Responsive Blogger Templates

Baca Juga

Fajri GridiGray Responsive Blogger Templates - Kali ini aku akan membagikan sebuah Template yang tidak mengecewakan keren, dengan desain yang simple dan responsive menciptakan 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 instruksi berikut :

<a href='/'><img alt='Fajri Andaviar'  src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTZl4S_xacyveVJjkzofvj6ho8mmY6XHxMn1PlajJCAcZJinDruAo1RusyAVjqQxWLw9_ON4h0Acan-C7Qf7O6jUH_OMj7E87C2Aia3X5sf8rZzF9IJkXe5SiFFdXQHi3AUxFT7cMsbCH8/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 aku tandai dengan warna kuning).

2. Untuk mengganti Menu yang berada diatas Header, cari instruksi 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='https://mamankdzgn.blogspot.com/p/about-me.html' title='About Me'>About Me</a></li> <li><a href='https://mamankdzgn.blogspot.com/p/contact.html' title='Contact'>Contact</a></li> <li><a href='https://mamankdzgn.blogspot.com/p/follow.html' title='Follow'>Follow</a></li> </ul> </div> </nav>

Lalu ganti sesuai cita-cita anda.

3. Untuk mengganti Menu yang berada dibawah Header, cari instruksi 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 cita-cita sobat.

4. Untuk Mengganti Komen Notifikasi, cari instruksi 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 teman (Untuk yang harus diubahsuaikan telah aku tandai dengan warna kuning).

Terima kasih teman telah mengunjungi blog aku ini, maaf apabila ada salah kata, Wassalam.