Fasteseo - Seo Responsive Blogger Template

wahab

Templates

2015/06/09

33 Komentar

Fasteseo - Seo Responsive Blogger Template - Apa kabar sobat, kali ini fajriandaviar.blogspot.com akan membagikan Template buatan Saya sendiri, dengan fitur yang Saya buat agar SEO dan Responsive, walaupun SEO tapi tampilan Template ini tidak jelek loh, semuanya telah Saya desain secara Indah, dan tema yang saya ambil adalah Full Color (Penuh Warna) agar terlihat lebih Fresh.

Template ini saya beri nama Fasteseo, maksudnya sih "Pasti Seo", cuman saya ubah sedikit, seperti template Kang Ismet dengan nama Zikazev, maksudnya Si Kasep dalam bahasa Indonesia Si Tampan :).

OK berikut ini Fitur dari template yang saya 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, agar sobat bisa lebih nyaman menggunakan template ini, dan agar template ini bisa berteman baik dengan blog sobat. Berikut Tutornya :

Modifikasi Search Engine

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 judul menu sesuai keinginan sobat.

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 &amp; 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 sobat.

Terima kasih telah mengunjungi blog saya, jangan lupa Komen dan Follow yah, jika sobat ingin di Follback, tinggal komen di postingan ini :), sekian dari saya. Wassalam

Pengelola Blog : ABDUL WAHAB

Judul : Fasteseo - Seo Responsive Blogger Template
Ditulis oleh :Blog Shiro pada hari 2015/06/09
Rating Blog : 5 dari 5
Terima kasih sudah membaca artikel tentang Fasteseo - Seo Responsive Blogger Template
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/2015/02/fasteseo-seo-responsive-blogger-template.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.