INFO: Blog ini sudah discontinue sejak Desember 2018. Untuk info tutorial SEO terupdate silahkan ke halaman Belajar SEO di Kepointernet.com
Template blog SEO friendly kali ini dibuat dalam rancangan Responsive Design; dan mudah diedit. Apa yang dimaksud dengan responsive design? Maksudnya ialah akan menyesuaikan dengan ukuran layar pembacanya. Jadi tidak masalah untuk membuka template ini di gadget mobile mana saja.
Template blog ini sudah diatur agar SEO Friendly. Adapun pengaturannya meliputi:
- Title tag yang berbeda di setiap halaman.
- Meta description belum terpasang, karena sangat direkomendasikan menggunakan meta description yang disediakan oleh blogspot. Baca panduannya di cara pasang meta description dan title tag. Abaikan saja pembahasan title tag karena sudah beres.
- Dynamic heading yang akan mengedepankan judul artikel di halaman artikel juga sudah terpasang pada template SEO friendly ini
- Dilengkapi dengan Artikel Terkait Sederhana untuk membantu menurunkan bounce rate, atau persentase pembaca yang langsung meninggalkan website anda setelah membaca satu artikel.
- Terdapat juga breadcrumbs untuk membantu Google mengenali struktur blog saudara
Template blog responsive design ini juga dibuat dengan menggunakan banyak variabel, sehingga teman-teman bisa mengedit tampilannya dengan sesuka hati di Perancang Template Blogger. Beberapa model desain yang bisa dibuat dari template ini bisa dilihat di demo berikut ini. Bagi yang koneksi internetnya super lambat harap reload template ini setidaknya 2 kali untuk memastikan semua elemen tampilannya dimuat oleh koneksi internet saudara.
Jadi ada banyak sekali yang bisa saudara edit dari template ini. Karena hampir semua elemen bisa saudara atur warna atau jenis font yang dipergunakan. Untuk mengeditnya pun sangat mudah.
Cara Mengedit Tampilan Template Blog SEO Friendly Responsive Design ini
- Silahkan masuk ke menu TEMPLATE dan klik tombol SESUAIKAN
- Anda akan dibawa ke halaman PERANCANG TEMPLATE.... Silahkan pilih TINGKAT LANJUT
- Pada tingkat lanjut ini anda akan melihat beberapa parameter yang bisa saudara ubah sesuka hati untuk mendapatkan tampilan yang anda inginkan dari template blogspot ini.
Apa saja yang bisa diedit dari template SEO Friendly ini?
- Warna dan jenis font dari teks di dalam halaman bisa saudara tentukan sesuka hati
- Anda bisa mengedit warna menu dari template ini. Bar menu di atas header menggunakan gradiasi, jadi jika anda ingin menggunakan satu warna saja, maka anda bisa memberikan input warna yang sama untuk bagian atas dan bawah bar menu
- Warna latar halaman juga bisa dibuat gradiasi; sedangkan warna latar untuk konten halaman hanya satu warna saja
- Template ini juga bebas diatur untuk menentukan warna link aktif, link sudah dikunjungi, dan link yang dilintasi kursor mouse.
- Pada judul blog; anda bisa bebas menentukan jenis font, warna, dan ukurannya. Demikian juga pada deskripsi blog dan judul postingan.
- Template ini juga bebas diatur warna latarnya, warna teks, dan juga jenis font pada catatan kaki di bawah postingan
- Selain itu anda juga sangat bebas mengatur tampilan warna dan teks pada gadget, dan kredit template.
- Perhatikan untuk mengedit warna border atau batas dengan warna yang senada dengan template saudara. Contoh editan bisa saudara lihat dari 3 blog demo di atas....
Cara Menambahkan Menu di Template Blog SEO friendly ini
Karena ini adalah template yang responsive, maka akan agak sulit untuk memasang menu yang menggunakan memakai sub menu dan sub-sub menu. Jadi coba saja sederhakan penggunaan menu seperti prosedur di bawah ini:- Masuk menu Tata Letak, dan klik TAMBAHKAN GADGET pada sidebar kiri.
- Pilih gadget HTML/JAVASCRIPT
- Sekarang masukkan kode dibawah ini ke dalamnya lalu edit bagian berwarna merah sesuai kebutuhan anda....
<div id="mymenu">
<ul>
<li><a href="http://www.yourdomain.com">Anchor Text</li>
<li><a href="http://www.yourdomain.com">Anchor Text</li>
<li><a href="http://www.yourdomain.com">Anchor Text</li>
<li><a href="http://www.yourdomain.com">Anchor Text</li>
<li><a href="http://www.yourdomain.com">Anchor Text</li>
<li><a href="http://www.yourdomain.com">Anchor Text</li>
</ul>
</div>
- Simpan gadget dan selesai.
Download Template Blog Simple Responsive
Jika saudara tertarik untuk mendownload template blog ini, maka silahkan memilih salah satu link download di bawah ini:
- Template Blog Simple Responsive Dengan Auto Read More
- Template Blog Simple Responsive Untuk Jump Break
Bagi pemula yang tidak tahu apa itu auto read more, maka itu adalah sistem yang memotong bagian dari artikel secara otomatis untuk ditayangkan pada bagian homepage. Sedangkan untuk penggunaan jump break, penggalan artikel dilakukan secara manual saat membuat artikel.
UPDATE: Untuk versi bisnis online yang mau dipakai untuk jualan produk harap ditunggu karena baru akan saya buat minggu ini. Soalnya template blog untuk bisnis online harus diatur tampilan homepagenya dulu.
