Template Game Online gratis valit HTML5 Dan CSS3

Sesuai Judul postingan saya kali ini saya akan bagi-bagi template Game Online gratis valit HTML5 Dan CSS3 . Template ini udah lama dan template ini di bikin oleh MASKOLIS saya sih sunguh meminati template ini buat game online anak-anak cukup keren. dan informasih ini saya dapat juga saya dapat dari teman MASKOLIS ya itu KOMPIAJAIB.

Template game online ini sebearnya tampilannya dulu gak begini setelah di modifikasi sama KOMPIAJAIB template ini cukup banyak di minati orang buat yag suka blogging tentang game online dan lainnya :v

Template ini cukup di namis bagi saya dan sayangnya tidak resposive karena pada waktu dulu MASKOLIS bikin template ini Blum aja resposive. Dan kenapa KOMPIAJAIB memodifikasi tidak sekalian di Resposive in karena ini buat game online pc jadi gak di jadiin resposive. dan yang telah di modifikasi KOMPIAJAIB cukup banyak pada template MASKOLIS dulu ini salah satunya:

• Mengganti Tag template H3, H2 dan H1 sehingga menjadi tag yang dinamis.
• Validasi HTML5 Dan CSS3 pada Homepage dan pada postingan ( anda bisa cek sendiri ntar ).
• asynchronous social media button dan edit beberapa js widget.
• Optimasi pada komentar dengan Threaded comment hack dan dan Google+ . dan pada saat ini hanya di tampilkan commentar google+ doang tanpa menghapus THERAD comment.
• Tambahan pada truktur data Schema.org.
• Dan Tempat-Tempat iklan yang strategis di template

 DEMO | DOWNLOAD

Perhatian: Untuk Mendownload pastikan hilangkan centang pada "Use our download manager and get recommended downloads" di bawah tombol download.

1. Untuk mengatur pada tab widget 

Untuk mengubah nama Tab widget anda bisa cari kode javascipt di bawah ini:

Title1="Adventure";Title2="Action";Title3="Bike Game";Title4="Racing";Title5="Sport";Title6="Strategy";Title7="Fighting";

Untuk isi widget anda bias ubah kode ini :

<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Adventure Game?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Action Game?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
........
........
........
<div class='clear'/>
</div></div>

Silahkan ganti adventure games dan action game denga label anda.

2. Untuk Mengedit Slider HomePage

Masuk ke "TATA LETAK" Kemudian pilih add widget atau tambah widget terus pilih HTML masukan kode 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. Edit Recent Post by Label di bawah  Widget tab

Silahkan masukan label anda di Gadget HTML yang sudah di sediakan seperti di bawah.

4.  Popular Post gak perlu di edit
 Untuk bagian Popular Post di tujukan gadget game of the week silahkan atur thumbnail  dengan pilihan 6 post.
5. Edit Slot Iklan 
 - Slot iklan di postingan= silahkan cari kode seperti 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>

- Slot iklan di samping komentar= cari kode ini

<div style='width:300px;height:250px;position:absolute;top:40px;right:-320px;padding:0'>
IKLAN DI SAMPING KOMENTAR 300 X 250
</div>

6.  Membuat postingan

Silahkan anda bisa menggunakan post template  dan simpan kode di bawah ini untuk mmposting.

<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/2d2bfe0bec0f2b369f24db" 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>Title game</b>
</span></div>
<div style="text-align: justify;">
<br /></div>
<div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">
<img alt="Titlegame" height="155" src="Image game" title="Logo Title game" width="200" /></div>
<div style="text-align: justify;">
Deskripsi game.</div>
</th></tr>
</tbody></table>

Silahkan ganti tulisan berwarna merah dengan embed game anda ,
warna biru dengan nama game yang mau di share
dan Ungu dengan dekripsi game
dan yang berwarna orange dengan link image game.