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 :
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 arahan berikut :
<a href='/'><img alt='Fajri Andaviar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTluDbuhejV4D7OW5XEtF9VRqbxMQ269xIGor_PLPIqrRWZvSVAlGezhl5AvX8tIxDguMKGXWkOg26E3Qc2typag8PP0NtZie5A4yrkB1_Mze7u5oS8hO8EKFS9NK6NG6U6AlLqSs2AiiN/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 arahan 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='https://tips-trik-top.blogspot.co.id//p/about-me.html' title='About Me'>About Me</a></li> <li><a href='https://tips-trik-top.blogspot.co.id//p/contact.html' title='Contact'>Contact</a></li> <li><a href='https://tips-trik-top.blogspot.co.id//p/follow.html' title='Follow'>Follow</a></li> </ul> </div> </nav>Lalu ganti sesuai impian anda.
3. Untuk mengganti Menu yang berada dibawah Header, cari arahan 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 impian sobat.
4. Untuk Mengganti Komen Notifikasi, cari arahan berikut :
<script> //<![CDATA[ var originalTitle = document.title; var cm_config = { home_page: "https://tips-trik-top.blogspot.co.id/", 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 sahabat (Untuk yang harus diadaptasi telah aku tandai dengan warna kuning).
Terima kasih sahabat telah mengunjungi blog aku ini, maaf apabila ada salah kata, Wassalam.
0 Response to "Fajri GridiGray Responsive Blogger Templates"
Posting Komentar