Gempar Template Valid HTML5 & CSS3

Gempar Template Valid HTML5 & CSS3 - Template blogger gratis dari Bung Franky, template ini sangat seo friendly dan sudah valid HTML5 dan juga valid CSS3. Tampilannya bisa di lihat dibawah ini.
Keren, Berwarna dan yang pasti sudah valid dan loading ringan/fast.

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.

Cara Setting Gempar Template

Untuk mengganti Huruf G yang berada di samping Header.
Anda cari kode berikut lalu ganti huruf G tersebut sesuka anda.

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

Untuk bagian sosial bookmark dan juga menu, cari kode berikut lalu ganti dengan akun dan menu blog sobat.

<div id='wrapper'>

Cari kode CSS di bawah ini, lalu ganti label nya dengan label blog anda, jika label anda memakai 2 kata misal: "Tutorial Blog" di sarankan hanya memakai kata pertama "Tutorial".

.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 menggunakandua  widget di bawah postingan (Homepage), masuk ke dasbor blog lalu pilih Tata 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> 

var numposts = 4 // Jumlah link yang akan ditayangkan
var numchars = 60 // Jumlah karakter snippet link yang tayang
SEO // Sesuaikan dengan label pada blog yang akan ditayangkan

Terima kasih telah membaca artikel Gempar Template Valid HTML5 & CSS3.

Source: www.bungfrangky.com

Share on: