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. selain itu, Gempar Template juga sangat ringan loadingya.
Berikut fitur dari Gempar Template:
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.
Pada bagian social bookmark dan menu, cari kode di bawah ini dan ganti dengan link social bookmark dan menu blog anda.
https://gempar-template.blogspot.com
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&alt=json-in-script&callback=labelthumbs"></script>
<a href="/search/label/SEO" style="float:right;font:normal 11px Arial;padding:5px 0;">More on this category »</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.
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.
Demikian, semoga bermanfaat. Kunjungi forum kami di web.bungfrangki.com/forums
60 komentar
https://www.blogger.com/profile/04273512138273638199https://www.blogger.com/profile/13162875744493565460:D
https://www.blogger.com/profile/05961364136323351496https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/09333769094985998022https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/02769561312219829741https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/14164440460576555772https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/14164440460576555772https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/14566891211390450115https://www.blogger.com/profile/13162875744493565460templatenya bung Fian kren juga tuh :D
https://www.blogger.com/profile/15022422809113377143https://www.blogger.com/profile/13162875744493565460xixixixi...
https://www.blogger.com/profile/14164440460576555772https://www.blogger.com/profile/16367885283733232693Saya belum terlalu paham tentang cara bikin jadi responsive
Please :D
https://www.blogger.com/profile/13162875744493565460coba aja belajar pelan-pelan pasti bisa. media screenya sudah ada di dalam template itu, sengaja saya tidak hapus biar bisa dilanjutin responsivenya. Pelan-pelan aja buatnya, suatu saat setelah yang anda buat itu selesai pasti akan terasa sesuatu dan spesial. dan anda akan berkata "Ternyata saya bisa". :D
kalau udah kelabakan, nanti saya bantu dari sini...
https://www.blogger.com/profile/16832678591148018666https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/02801850567228314343Kunjungi Blog Saya Hehe :D
https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/17709242066690693656tapi mantap tenan
https://www.blogger.com/profile/02600197375846313975https://www.blogger.com/profile/05182724595664477867https://www.blogger.com/profile/08108206781148036925https://www.blogger.com/profile/13162875744493565460itu baru kongsi :D
https://www.blogger.com/profile/05659560917308503153https://www.blogger.com/profile/18041443781225089356https://www.blogger.com/profile/05641300227613069274cara nya bikn recent post di template ini gmn.. n klo merubah btntuk thumbnail g bunder gtu gmn y ...
mohon bntuannya.. masih newbie TT
https://www.blogger.com/profile/05025377781762476119https://www.blogger.com/profile/18446009707380921181cara ngecilin ukutan halaman postingan nya itu gmn ya , soalnya kegedean
https://www.blogger.com/profile/17980650328156446550https://www.blogger.com/profile/16159938990837599244kapan nih ada rencana sekalian share template yg dipakai :D
Dah terlanjur ganti template, lha kok nemu template sebagus ini.
https://www.blogger.com/profile/01606562486657786722oya Mas kalau mau ilangin simbol author yang sebelah kanan itu gimana Mas, makasih sebelumnya :)
https://www.blogger.com/profile/15248048092554859081https://www.blogger.com/profile/17164570253227727866https://www.blogger.com/profile/05153174570267551525saya sangat terkesan bagi yang sudah memahami HTML5. saya mah masih tau-tau dikit.. heheh
https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/07987327143355705325PD: My english is too bad for write good, sorry xD
https://www.blogger.com/profile/09491622766198881241mohon bantuannya :)
https://www.blogger.com/profile/13162875744493565460[blockquote]#nav ul ul {
display: none;
}
#navi ul li:hover > ul {
display: block;
}
#navi ul {
background: #efefef;
padding: 0;
list-style: none;
position: relative;
display: inline-table;
}
#navi ul:after {
content: ""; clear: both; display: block;
}
[/blockquote]
lalu pada bagian pemanggil menunya tambahkan seperti contoh di bawah ini:
[blockquote]
<nav class='clearfix' id='navi'>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Tutorial</a>
<ul>
<li><a href="#">Blogspot</a></li>
<li><a href="#">Photoshop</a></li>
<li><a href="#">Wordpress</a>
<ul>
<li><a href="#">HTML</a></li>
<li><a href="#">CSS</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Statik</a></li>
<li><a href="#">Template</a></li>
</ul>
</nav>
[/blockquote]
tinggal sesuaikan css-nya dengan blog agan, baik pada background, jenis huruf dan lainnya.
https://www.blogger.com/profile/09491622766198881241saya ingin menaruh halaman page di header (site map, t.o.s dll)
itu gmn cara menambahkannya?
thx
https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/11459702803691689760https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/05345801809802904880https://www.blogger.com/profile/13162875744493565460https://www.blogger.com/profile/05561559830608124085https://www.blogger.com/profile/05497923072910308669https://www.blogger.com/profile/07754474954019790894https://www.blogger.com/profile/00319896090346500526https://www.blogger.com/profile/13162875744493565460Komentar telah ditutup. Jika ada yang perlu disampaikan terkait konten ini, silahkan kirim pesan lewat laman kontak.