Tuesday, 1 April 2014

Zikazev Simple Cool Responsive Blogger Template

Template blogger responsive sangat berperan penting saat ini, karena sekarang ini pengguna internet kebanyakan menggunakan mobile smartphone ataupun tablet. Sehingga sebuah desain template harus bisa menyesuaikan ukuran gadget yang di pakai.

Kali ini saya akan berbagi sebuah template hasil modifikasi saya. Template aslinya bernama Zikazev Simple Gray untuk melihat bentuk aslinya bisa melalui link http://zikazev-simple-gray.blogspot.com

Template ini saya beri nama Zikazev Simple Cool. Apa saja yang modifikasi?
  1. Warna
  2. Header
  3. Sidebar
  4. Posting
  5. Fonts
  6. Breadcrumbs
  7. Komentar

Ya memang tidak terlalu banyak yang saya modifikasi hanya beberapa saja. Setidaknya desainnya sudah berbeda dari yang aslinya dan loadingnya lebih cepat.

Fitur yang ada di Zikazev Simple Cool:

  • Template HTML5 dan Responsive
  • SEO Friendly
  • Breadcrumbs SEO Friendly dan Valid HTML5 dari Kang Ismet
  • Blogger Threaded Comments Hack V.3 dari Kang Ismet
  • Smooth scroll to comment hash
  • Custom not found 404 keren

Untuk screenshot-nya seperti ini:

Zikazev Simple Cool Responsive Blogger Template


Kostumisasi

Untuk kostumisasi tidak jauh beda sama yang aslinya. Untuk social widgetnya silahkan cari kode ini:
<div class='social-tooltip'>
<ul>
<li><a class='twitter' href='/'></a></li>
<li><a class='facebook' href='/'></a></li>
<li><a class='gplus' href='/'></a></li>
Pada href='/' diisi dengan alamat akun jejaring sosial kamu

Untuk kostumisasi menu, silahkan cari kode ini:
<nav id="menu">
<input type="checkbox">
<label><i class="icon-reorder"></i><span>Navigation</span></label>
<ul>
<li><a href="/">Home</a></li>
<li><a href="#">Menu 1</a></li>
<li><a class="dropdown" href="#">Drop Menu</a>
<ul class="menus">
<li><a href="#">Drop Menu 1</a></li>
<li><a href="#">Drop Menu 2</a></li>
<li><a href="#">Drop Menu 3</a></li>
Semoga template hasil modifikasi saya bisa bermanfaat untuk teman-teman blogger. Template ini di bagikan secara gratis.

No comments:

Post a Comment