Template Seo Responsive Blogger Fasteseo - kali ini sukmagie akan membagikan Template buatan Say sendiri, dengan fitur yang Saya buat agar SEO dan Responsive, walaupun SEO tapi tampilan Template ini tidak jelek-jelek lho, 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.
OK berikut ini Fitur dari Template Seo Responsive Blogger Fasteseo yang saya buat.
Dan untuk mengetahui Template ini atau blog sobat apakah sudah mobile frendly sobat dapat mengeceknya disini Pengujian situs mobile-friendly
Dan untuk mengetahui Template ini atau blog sobat apakah sudah mobile frendly sobat dapat mengeceknya disini Pengujian situs mobile-friendly
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 Seo Responsive Blogger Fasteseo 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 & 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 sukmagie, jangan lupa Komen dan Follow yah, jika sobat ingin di Follback, tinggal komen di postingan ini :), sekian dari saya. Wassalam. Dan Tunggu Template Yang Lebih SEO Lagi.
0 Comments
EmoticonEmoticon