Fasteseo - Seo Responsive Blogger Template - Apa kabar sobat, kali ini fajriandaviar.blogspot.com akan membagikan Template buatan Saya sendiri, dengan fitur yang Saya buat biar SEO dan Responsive, walaupun SEO tapi tampilan Template ini tidak buruk loh, semuanya telah Saya desain secara Indah, dan tema yang aku ambil ialah Full Color (Penuh Warna) biar terlihat lebih Fresh.
Template ini aku beri nama Fasteseo, maksudnya sih "Pasti Seo", cuman aku ubah sedikit, menyerupai template Kang Ismet dengan nama Zikazev, maksudnya Si Kasep dalam bahasa Indonesia Si Tampan :).
OK berikut ini Fitur dari template yang aku buat.
Features :
- 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
Tutorial
Di template ini sobat membutuhkan sedikit modifikasi, biar sobat dapat lebih nyaman memakai template ini, dan biar template ini dapat berteman baik dengan blog sobat. Berikut Tutornya :
Modifikasi Search Engine
Cari instruksi
YOUR-GOOGLE-URL
, dan ganti semua instruksi tadi dengan URL Google+ Sobat. Cari instruksi
YOUR-ALEXA-ID
, dan ganti dengan ID Alexa Blog Sobat. Cari
NameBlog
dan NamaBlog
, dan ganti semua instruksi tadi dengan nama Blog Sobat. Cari instruksi
YOUR DESCRIPTION HERE
, dan ganti dengan deskripsi Blog Sobat. Cari instruksi
Keywords1, Keywords2, Keywords3
, dan ganti semua instruksi tadi dengan Keywords Blog Sobat.Mengganti Menu Navigasi Fixed/Float
Cari instruksi 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 judul sajian sesuai impian sobat.Mengganti Menu di bawah Header
Cari instruksi 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 sajian sesuai impian sobat.Terima kasih telah mengunjungi blog saya, jangan lupa Komen dan Follow yah, bila sobat ingin di Follback, tinggal komen di postingan ini :), sekian dari saya. Wassalam