DOWNLOAD GEMPAR TEMPLATE VALID HTML5 DAN CSS3

Gempar Template ini adalah hasil karya ciptaan Mas BungFrangki dimana template ini valid HTML5 dan CSS3. Gempar Template ini juga didesain dengan warna-warni terutama postingan dihalaman awal dan sidebar yang begitu menarik perhatian para pengunjung template tersebut dan kelebihan gempar template ini juga sangat ringan loading-nya.

• Demo
• Download

Berikut Fitur Dari Gempar Template:

• Super SEO
• Valid HTML5
• Valid CSS3
• Breadcrumb SEO
• Quick Search (Script DTE)
• Auto Readmore
• Related Post
• Widget Print Page
• Modifikasi Error 404
• Modifikasi Halaman Statik
• Modifikasi Space Iklan
• Dll

Bagi Anda yang masih bingung cara menggunakannya, ikuti tutorial berikut ini :
Untuk mengganti logo (ditemplate itu terlihat huruf G besar) Anda bisa merubah dengan mengganti dengan temukan terlebih dahulu kode di bawah ini dan ganti huruf G tersebut sesuai huruf keinginan Anda.

<header id='header-wrapper'>
<div id='wrap-logo'><div class='logo-css'><p>G</p></div>
<div style='clear: both;'/>
</div>

Pada bagian social bookmark dan menu, cari kode di bawah ini dan ganti dengan link social bookmark dan menu blog Anda.

<div id='wrapper'>

Cari kode di bawah ini, dan sesuaikan dengan label blog Anda. Jika label pada blog Anda lebih dari satu kata (contoh: Atikel Blog) saya sarankan kata pertama yang dijadikan CSS-nya.

.Blogger .post-thumbnail, .Tutorial .post-thumbnail,.Blogger .jump-link a, .Tutorial .jump-link a{background:#ff9f4d;}.SEO .post-thumbnail,.SEO .jump-link a{background:#0bc0a0;}.CSS3 .post-thumbnail,.CSS3 .jump-link a{background:#a9d86e;}.HTML5 .post-thumbnail,.HTML5 .jump-link a{background:#ff6c60;}.Software .post-thumbnail,.Software .jump-link a{background:#00ad72;}.Komputer .post-thumbnail,.Komputer .jump-link a{background:#6b64ff;} .Blogger .post-thumb, .Tutorial .post-thumb{border:8px solid #ffc797;}.SEO .post-thumb{border:8px solid #51dbc3}.CSS3 .post-thumb{border:8px solid #d3f2ad;}.HTML5 .post-thumb{border:8px solid #f5b1ab;}.Software .post-thumb{border:8px solid #4bd8a8;}.Komputer .post-thumb{border:8px solid #b0adf0;}

Untuk menggunakan dua widget di bawah postingan (Homepage), masuk ke dasbor blog lalu pilih Tatak Letak >> Tambah Widget >> HTML/JavaScript lalu copy-paste kode dibawah ini dan simpan.

<script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script> <script type="text/javascript" src="/feeds/posts/default/-/SEO?published&amp;alt=json-in-script&amp;callback=labelthumbs"></script> <a href="/search/label/SEO" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category &#187;</a>

Perhatikan:

• Var numpost = 4 // Jumlah link yang akan ditayangkan
• Var numchars = 60 // Jumlah karakter snippet link yang tayang
• SEO // Sesuaikan dengan label pada blog yang akan ditayangkan

Selamat menikmati template baru Anda...!!