Jumat, 08 Agustus 2014

Template Blog SEO Friendly Responsive Design (Mudah Diedit)

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 Design; dan mudah diedit. Apa yang dimaksud dengan responsive design? Maksudnya ialah akan menyesuaikan dengan ukuran layar penyimaknya. Jadi tidak masalah pada 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 tutorialnya di tips 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 pada membantu menurunkan bounce rate, atau persentase penyimak yang langsung meninggalkan website Anda setelah membaca satu artikel.

  • Terdapat juga breadcrumbs pada membantu Google mengenali struktur blog Anda


Template blog responsive design ini juga dibuat dengan menggunakan banyak variabel, sampaiteman-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 pada memastikan semua elemen tampilannya dimuat oleh koneksi internet Anda.








Jadi ada banyak sekali yang bisa Anda edit dari template ini. Karena hampir semua elemen bisa Anda atur warna atau jenis font yang dipergunakan. pada mengeditnya pun sangat mudah.



tips 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 Anda ubah sesuka hati pada mendapatkan tampilan yang Anda inginkan dari template blogspot ini.


Editor pada mengedit tampilan dari template blog simple responsive ini



Apa saja yang bisa diedit dari template SEO Friendly ini?


  • Warna dan jenis font dari teks di dalam halaman bisa Anda 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 pada bagian atas dan bawah bar menu

  • Warna latar halaman juga bisa dibuat gradiasi; sedangkan warna latar pada konten halaman hanya satu warna saja

  • Template ini juga bebas diatur pada 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 pada mengedit warna border atau batas dengan warna yang senada dengan template Anda. Contoh editan bisa Anda lihat dari 3 blog demo di atas....


Jadi silahkan Anda bereksperimen membuat tampilan sesuka hati.


tips Menambahkan Menu di Template Blog SEO friendly ini


Karena ini adalah template yang responsive, maka akan agak sulit pada 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 class="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 Anda....


Download Template Blog Simple Responsive



Jika Anda tertarik pada mendownload template blog ini, maka silahkan memilih salah satu link download di bawah ini:







Bagi pemula yang tidak tahu apa itu auto read more, maka itu adalah sistem yang memotong bagian dari artikel setips otomatis pada ditayangkan pada bagian homepage. Sedangkan pada penggunaan jump break, penggalan artikel dilakukan setips 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: pada versi bisnis online yang mau dipakai pada jualan produk harap ditunggu karena baru akan kami buat minggu ini. Soalnya template blog pada bisnis online harus diatur tampilan homepagenya dulu.





    Jika ingin mendapatkan buzz terkini seputar SEO dan blog, silahkan add akun kami di bawah ini


    Facebook ---> https://www.facebook.com/ricky.pratama.12139
    Twitter ---> https://twitter.com/rickypratamaseo

    Dan jika tidak keberatan mohon vote-nya pada blog kami di sosmed, thanks berat gan!







    Silahkan Berkomentar






    Template Blog SEO Friendly Responsive Design (Mudah Diedit)

    Ditulis oleh Edyy Joenaedy
    Judul: Template Blog SEO Friendly Responsive Design (Mudah Diedit)
    http://triks-seo.blogspot.com/2014/08/template-blog-seo-friendly-responsive.html
    Rating: 5.0
    Base On 458965 reviews

    Harap pada tidak melakukan copy paste! 68 blog sudah terhapus....


    Tag : Template Blog SEO Friendly Responsive Design (Mudah Diedit)

    Tidak ada komentar :

    Posting Komentar