Template Blog SEO Friendly Responsive Design (Mudah Diedit)

model template blogspot yang responsive design di banyak gadget

Template blog SEO friendly kali ini dibuat dalam rancangan Responsive Designmudah 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 telah diatur supaya 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 jua dibentuk menggunakan memakai banyak variabel, sebagai akibatnya sahabat-teman mampu mengedit tampilannya dengan sesuka hati di Perancang Template Blogger. Beberapa contoh desain yg sanggup dibuat menurut template ini bisa ditinjau pada demo ini beliau. Bagi yg koneksi internetnya super lambat harap reload template ini setidaknya dua kali untuk memastikan seluruh elemen tampilannya dimuat sang koneksi internet saudara.

Http://simpleresponsivedarkness.Blogspot.Com/

http://simpleresponsiveretro.Blogspot.Com/

http://simpleresponsivegirly.Blogspot.Com/

Jadi ada banyak sekali yg mampu saudara edit menurut template ini. Lantaran hampir seluruh elemen mampu saudara atur warna atau jenis font yang dipakai. 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.

Editor untuk mengedit tampilan dari template blog simple responsive ini

Apa saja yg mampu diedit berdasarkan 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….

Jadi silahkan saudara bereksperimen membuat tampilan sesuka hati.

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.

Jika anda mengedit kode di atas dengan benar, maka sekarang seharusnya sudah ada menu di sidebar kiri saudara….

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.

Ok, selamat menggunakan template blogspot yang cukup SEO friendly ini. Semoga blog anda dapat ranking yang baik di SERP Google (^_^)v

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.

at 10:17 PM

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *