ALL ABOUT BLOGSPOT TEMPLATES : Satu lagi template blogspot karya +Fajri Andaviar saya share disini. Sebelumnya adalah, BeriMagz : Responsive Blogger Template. Menurut dia, tema blog ini juga Responsive banget. Tidak hanya itu, selain tampilannya elegant juga sangat SEO Friendly.
Sesuai dengan namanya, Fasteseo – Seo Responsive Blogger Template. Di desain penuh warna agar terlihat Fresh serta dilengkapi berbagai fitur yang fungsional.
Features Fasteseo – Seo Responsive Blogger Template :
- 100% SEO di Chkme.com
- Iklan disisi Header
- Halaman Error 404
- Breadcrumbs siap
- Menu Navigasi Sticky (Menempel) dengan kotak pencarian
- Read More otomatis siap
- Menu dibawah header dengan Font Awesome
- Widget Popular Posts yang telah di Desain
- Widget Label Cloud yang telah di Desain
- Catatan kaki terindex Google
- Artikel terkait Vertikal
- Post Next dan Prev
- Threaded Comment
- Autor Comment
- Dan Lainnya
Instalasi Fasteseo Template :
Setelah upload template, ada beberapa sentuhan modifikasi yang berhubungan dengan indentitas blog anda.
- Cari kode YOUR-GOOGLE-URL , dan ganti semua kode tadi dengan URL Google+ Sobat.
- Cari kode YOUR-ALEXA-ID , dan ganti dengan ID Alexa Blog Sobat.
- Cari NameBlog dan NamaBlog , dan ganti semua kode tadi dengan nama Blog Sobat.
- Cari kode YOUR DESCRIPTION HERE , dan ganti dengan deskripsi Blog Sobat.
- Cari kode Keywords1, Keywords2, Keywords3 , dan ganti semua kode tadi dengan Keywords Blog Sobat.
Mengganti Menu Navigasi Fixed/Float : Cari kode berikut :
<nav id='nav'>
<ul class='menunav' id='navinti'>
<li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>Download</a></li>
<li><a href='/404'>404</a></li>
<li class='dgnsub'><a href='#'>Kebijakan</a>
<ul class='sub-menu hidden'>
<li><a href='#'>Privacy Police</a></li>
<li><a href='#'>Disclaimer</a></li>
<li><a href='#'>Terms Of Service</a></li>
</ul>
</li>
Lalu ganti # (Tanda Pagar) dan title menu sesuai kebutuhan dan keinginan anda.
Mengganti Menu di bawah Header : Cari kode dibawah ini:
<div class='masmenu'>
<ul class='sf-menu'>
<li><a href='/'><i class='icon-home' style='margin-right: 5px;'/>Home</a></li>
<li><a href='#'><i class='icon-html5' style='margin-right: 5px;'/>Blogger</a>
<ul>
<li><a href='#'>Tutorial Blogger</a></li>
<li><a href='#'>Templates</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>HTML5</a></li>
<li><a href='#'>Tips & Trick</a></li>
</ul>
</li>
<li><a href='/'><i class='icon-rocket' style='margin-right: 5px;'/>Info Fakta</a>
<ul>
<li><a href='#'>Umum</a></li>
<li><a href='#'>Sejarah</a></li>
<li><a href='#'>Misteri</a></li>
<li><a href='#'>Unik</a></li>
<li><a href='#'>Lelucon</a></li>
<li><a href='#'>Hiburan</a></li>
<li><a href='#'>Olahraga</a></li>
<li><a href='#'>Gaya Hidup</a></li>
<li><a href='#'>Tips</a></li>
<li><a href='#'>Wisata</a></li>
</ul>
</li>
<li><a href='/'><i class='icon-facebook-sign' style='margin-right: 5px;'/>Jejaring Sosial</a>
<ul>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Google</a></li>
<li><a href='#'>Heello</a></li>
<li><a href='#'>Myspace</a></li>
<li><a href='#'>Instagram</a></li>
<li><a href='#'>Pinterest</a></li>
</ul>
</li>
<li><a href='#'><i class='icon-music' style='margin-right: 5px;'/>Musik</a></li>
</ul>
<li><a href='#'><i class='icon-laptop' style='margin-right: 5px;'/>Tekno</a>
<ul>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Komputer</a></li>
<li><a href='#'>Software</a></li>
</ul>
</li>
<li><a href='#'><i class='icon-suitcase' style='margin-right: 5px;'/>Informasi</a>
<ul>
<li><a href='#'>Olahraga</a></li>
<li><a href='#'>Entertainment</a></li>
<li><a href='#'>Islam</a></li>
<li><a href='#'>Dunia</a></li>
</ul>
</li>
<li><a href='#'><i class='icon-coffee' style='margin-right: 5px;'/>More</a>
<ul>
<li><a href='#'>Teknik Komputer Jaringan</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Film</a></li>
<li><a href='#'>WordPress</a></li>
</ul>
</li>
</div>
Ganti # (Tanda Pagar) dan judul menu sesuai keinginan anda.