Pada kesempatan kali ini blog masterbama akan membagikan template buatan mas Arif Rachman Hakim yang sangat SEO friendly, fast loading, dan juga responsive. Untuk lengkapnya saya akan membahasnya.
Fitur :
- Responsif Dengan fitur responsif ini tentu memudahkan para visitor yang berasal dari smartphone atau hape jadul.
- Valid CSS3
- Valid HTML5 (Homepage, Itempage, Statispage)
- SEO Friendly Template yang satu ini memang sejak dari pertama dibuat memang sudah dimaksimalkan dari segi SEO, sudah dilengkapi meta tag yang lengkap dan penting untuk seo. Template ini juga 100% SEO di chkme.com.
Pengaturan tag headingnya pun juga sudah benar, H1-H3 homepage dan artikel
- User Friendly Tampilan template ini sangatlah simple dan mudah dipahami, tidak aneh aneh.
- Fast Loading Template ini sangat lah cepat, Grade A semua di GTmetrix.
Hompage |
Halaman Pos |
- Postmeta di homepage, postingan, dan halaman statis.
- HCard Author dan Update di homepage, postingan, dan halaman statis.
- Minimasi Design - Custom Error Page
- Breadcrumbs - Related Post
- Share Button Sosial Media
- Thread Comment Hack With Emoticon
- dll
- HCard Author dan Update di homepage, postingan, dan halaman statis.
- Minimasi Design - Custom Error Page
- Breadcrumbs - Related Post
- Share Button Sosial Media
- Thread Comment Hack With Emoticon
- dll
Link :
DEMO - DOWNLOAD
-Meta Tag
Untuk penyetinggan meta tag anda hanya perlu menyeting meta deskripsinya saja, sisanya sudah otomatis. Caranya cukup mengaktifkan tag meta deskripsi yang ada diblogger, Caranya seperti ini:
- Matikan Versi Mobile
Karena template ini responsif, maka matikan saja versi mobile caranya lihat gambar dibawah ini.
- Penghapusan Kode
Hapus kode dibawah ini setiap anda menambahkan widget pada Template >> Edit HTML. Cara ini bertujuan agar tetap valid HTML5.
Kostumisasi :
Kostumisasi ini agar pengaturan templatenya sesuai, apa saja yang harus diedit.-Meta Tag
Untuk penyetinggan meta tag anda hanya perlu menyeting meta deskripsinya saja, sisanya sudah otomatis. Caranya cukup mengaktifkan tag meta deskripsi yang ada diblogger, Caranya seperti ini:
- Masuk ke dashboard blog agan
- Klik blog yang ingin agan setting
- Klik Setelan
- Klik Preferensi penelusuran
- Aktifkan deskripsi penelusuran? Pilih "Ya"
- Silakan sobat masukan deskripsi untuk halaman homepage blog agan
- Klik Simpan Perubahan
Setiap agan menulis artikel nanti di bagian samping kanan akan ada menu untuk memasukan meta deskripsi yang bisa agan isi dengan deskripsi postingan sesuai keinginan.
- Matikan Versi Mobile
Karena template ini responsif, maka matikan saja versi mobile caranya lihat gambar dibawah ini.
- Penghapusan Kode
Hapus kode dibawah ini setiap anda menambahkan widget pada Template >> Edit HTML. Cara ini bertujuan agar tetap valid HTML5.
<b:include name='quickedit'/>
Anda boleh mengedit template tersebut tapi tolong jangan hapus link credit, jadilah blogger yang bertanggung jawab. Membuat template itu tidak cepat dan mudah.
Update:
V1.1Perbaikan loading halaman selanjutnya. (fix auto read more)
V1.2
Percepat loading blog. Dengan menggurangi penggunaan javascript dan membuat gambar, gif, emoticon yang ada diblog menjadi base64.
Perbaikannya:
- Mengubah auto read more menjadi tanpa javascript (tutor dari DTE)
- Menghapus foto avatar komentator
- Mengganti share button menjadi tanpa javascript
- Mengubah emoticon menjadi base64Hasilnya :
Homepage |
Halaman Pos |
V1.3
- Fix navigasi agar full responsif
- Search box
- Fix iklan diheader agar full responsif
Download :
- Ston Seo V1
Ston Seo V1 Responsive Blogger Template
4/
5
Oleh
Niddul