Download Gempar Template Valid HTML5 dan CSS3

Download Template SEO for Blogger – Artikel kali ini masih tentang template, dengan nama Gempar Template. Seperti biasa, template dari saya masih berwarna-warni terutama postingan dihalaman awal dan sidebar. Namun template ini didesign lebih seo dari template-template sebelumnya dan diolah dengan struktur yang lebih ideal, silahkan cek disini struktur template ini. selain itu, Gempar Template juga sangat ringan loadingya.



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 yang masih bingung cara menggunakannya, ikuti petuah 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.
<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 dibawah ini, dan sesuaikan dengan label blog anda. Jika label pada blog anda lebih dari satu kata (contoh: Artikel Blog) alangkah baiknya kata pertama yang dijadikan CSSnya.
.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 kopi-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 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

Selanjutnya, jika ada sesuatu yang membingungkan anda dari koding HTML pada template ini setelah proses penginstalan, silahkan ditanyakan pada kolom komentar. Sebelumnya saya mohon maaf jika pertanyaan-pertanyaan yang telah dituliskan tidak langsung mendapat respon. Terima kasih.

Advertisement