Dasar template ini ada dinamis yang artinya tidak responsive karena waktu Maskolis buat template ini belum zamannya responsive. Namun karena ini memang dibuat dan saya modif untuk game online, jadi memang sengaja tidak dibuat responsive. Dan optimasi blog yang saya lakukan pada template ini lumayan banyak. Selain merubah tampilannya, di bawah ini beberapa optimasi yang saya lakukan.
- Validasi HTML5 dan CSS3 untuk homepage dan postingan (bisa Anda cek sendiri).
- Mengganti tag h1, h2, dan h3 menjadi tag dinamis.
- Asynchronous social media button dan beberapa js widget.
- Optimasi komentar blog dengan Threaded Comments Hack dan Google+, namun saat ini saya hanya memunculkan komentar Google+ saja tanpa menghapus threaded comments hack.
- Menambahkan struktur data schema.org.
- Penempatan slot iklan yang strategis untuk game online.
Perhatian! Untuk mendownload di DataFileHost silahkan hilangkan tanda centang pada tulisan "Use our download manager and get recommended downloads" di bawah tombol download.
1. Untuk mengatur widget tab
Untuk merubah judul tab silahkan cari kode di bawah ini pada kode javascript.
Title1="Adventure";Title2="Action";Title3="Bike Game";Title4="Racing";Title5="Sport";Title6="Strategy";Title7="Fighting";
Untuk isi widgetnya silahkan temukan kode di bawah ini.
<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/Adventure Game?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/Action Game?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script></div>
........
........
........
<div class='clear'/>
</div></div>
Silahkan ganti Adventur Game dan yang lainnya dengan Label game Anda.
2. Untuk Slider Homepage
Silahkan masuk ke Tata Letak kemudian tambahkan kode di bawah ini pada gadget HTML seperti pada gambar di bawah ini.
<div id='slider'>
<div id='loopedSlider'>
<div id="ribbon"></div>
<div class='container'>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
<a class='previous' href='#'></a>
<a class='next' href='#'></a>
<script type='text/javascript'>
$(function(){
$('#loopedSlider').loopedSlider();
});
</script>
</div>
</div>
3. Recent Post By Label di bawah widget tab
Silahkan ketikan Label pada gadget HTML seperti di bawah ini
4. Popular PostsUntuk Popular Posts adalah gadget Games Of The Week, silahkan atur hanya thumbnails dengan pilihan 6 posts.
5. Slot Iklan di postinganCari kode seperti di bawah ini
<b:if cond='data:blog.pageType == "item"'>
<div style='margin:0 auto;text-align:center'>
IKLAN 728 X 90
</div>
<div class='clear'/>
<data:post.body/>
<div class='isorkanan'>
IKLAN DI BAWAH KIRI 300 X 250
</div>
</b:if>
6. Iklan di samping komentar
<div style='width:300px;height:250px;position:absolute;top:40px;right:-320px;padding:0'>
IKLAN DI SAMPING KOMENTAR 300 X 250
</div>
7. Membuat PostinganSilahkan gunakan
Post Template di bawah ini untuk membuat postingannya.
<div style="background: none; border-bottom: 2px solid #000; margin: 10px 0; padding: 10px 0 5px; width: 100%;">
<div style="text-align: center;">
<div class="video-player">
<iframe height="600" src="http://www.gamezhero.com/get-game-code/36fa3ecc0b2d2bfe0bec0f2b369f24db" width="600"></iframe>
</div></div>
<div style="text-align: justify;">
<br /></div>
</div>
<table><tbody>
<tr><th><div style="text-align: justify;">
<span style="font-size: x-large;"><b>Fractured</b>
</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="Fractured" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaNejd0bmA7TKHRRQI_zL_j-FTCUtq7c_OF1Vxf6anplCe3hLAvqQUGFbbSBGEwkf3XOL5lxBt6D0x-6bMf4EgNdZr7n-45wMevTu4wr23iUtMJV1w0qD7Av5U7uf93dz0sY1AAVik2F4/s200/Fractured.jpg" title="Logo Fractured" width="200" /></div>
<div style="text-align: justify;">
Bantulah dude yang funky untuk menemukan cara untuk menuju Angel dengan melalui labirin retak. Sebuah permainan yang sangat menyentuh dan sulit.</div>
</th></tr>
</tbody></table>
Silahkan ganti iframe untuk game online-nya dengan iframe game online yang ingin Anda tampilkan, Fractured adalah untuk judul game, untuk image silahkan ganti url imagenya beserta alt dan title tagnya dan untuk lebar serta tingginya biarkan saja. Silahkan ganti juga kalimat untuk menggambarkan game online Anda (deskripsi game).
