Fun Sense Responsive Template Blogspot

Sekarang Sudah ada dua versi :
V1. Menggunakan tombol like share buton dengan javascript (yang menurut saya membuat loadingnya agak berat).
V2. Tombol share button sederhana tanpa javascript, (yang lebih ringan menurut saya).

Setelah lama tidak menulis artikel, kali ini saya ingin berbagi template gratis untuk sahabat pengunjung blog ini..

Detail Template :

Nama Template : Fun Sense
Desainer : Saya Sendiri :D
Versi : 1 & 2

Fitur dari template Fun Sense V1 :

1. Seo 100% di chkme, ceck disini
2. Responsive , ceck disini
3. Valid HTML 5 Homepage , ceck disini
4. Valid HTML 5 Post , ceck disini
5. Valid CSS3 , ceck disini
6. Dilengkapi dengan schema webpage , ceck disini
7. Thread Komentar dari Kang ismet yang sudah saya modifikasi dengan fitur Responsive
8. Widget untuk GA disamping header ukuran 728x90 dan di sidebar blog ukuran 300x250
9. Breadcrumb Terindex Google
10. Auto Read More
11. Tombol Demo dan Download
12. Tombol like button dengan Javascript

Fitur dari template Fun Sense V2 :

Kurang lebih sama dengan versi sebelumnya, perbedaannya hanya pada versi 2 tidak menggunakan like button dengan javascript, yang memungkinkan akan lebih mempercepat loading blog.

Recomendasi

1. Agar Blog tetap valid pada homepage, hapus kode <b:include name='quickedit'/> setiap kali anda menambah widget baru
2. Agar Blog tetap valid pada postingan terutama post yang menggunakan gambar, perhatikan setelah anda upload gambar pada postingan, biasanya akan muncul kode seperti berikut :

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7enpihdfaD3IGYHB5uI-o2tC5UT8bsat-Pcvzsb-8hCVSLenpS4HCNsgZkctu5Sa2AhHipeXNZCvRIfw5Ut5_pC56dsFDEKvf0Xn8frU_86C1cBWaB2FhTUYuThw4Jc89kS9m45RK0tU/s600/cats.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="177" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7enpihdfaD3IGYHB5uI-o2tC5UT8bsat-Pcvzsb-8hCVSLenpS4HCNsgZkctu5Sa2AhHipeXNZCvRIfw5Ut5_pC56dsFDEKvf0Xn8frU_86C1cBWaB2FhTUYuThw4Jc89kS9m45RK0tU/s600/cats.png" width="320" /></a></div>

Kode yang saya mark itulah yang membuat gambar tidak valid HTML5, lebih baik anda menggunakan cara sebagai berikut, silahkan copy dulu url gambar yang telah anda upload tadi :
Lalu hapus kode <div class="separator" style="clear: both; text-align: center;">sampai </div> dan ganti dengan kode dibawah ini :

<div style="text-align: center;">
<img alt="beri judul gambar kamu disini (Harus)" src="paste url link gambar kamu disini" /></div>

itu juga berlaku pada gambar widget disidebar, jadi silahkan hapus kode border="0" dan tambahkna kode alt='judul disini'

Template ini saya bagikan gratis, Anda boleh mengganti / Menghapus link credit pada footer template ini, dengan membayar Rp. 50.000,-.

Demo

Download V.1

Download V.2

Tweet