Game Online Blogger Template

Game Online Blogger Template

Game Online Blogger Template - Bagi anda yang ingin berbagi permainan online dan mencari template yang cocok untuk blognya,saya rkomndasikan untuk menggunakan template yang di desain ulang oleh kang adhy. Template pertama buatan maskolis yang di beri nama Johny Coba Dulu sangat dinamis dan pokoknya bagus banget.

Dengan modifikasi template sehingga template ini bisa sudah Valid HTML5 dan CSS3 dan fitur lainya yang membuat loading blog lebih ringan, berikut fitur 

• Validasi HTML5 dan CSS3 (homepage dan postingan)
• 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.

Demo

Kostumisasi Template:

1. Mengatur Widget Tab Widget

Untuk merubah judul tab silahkan cari kode javascript

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

Untuk isi pada widget silahkan tmukan kode berikut  

<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 label dengan label yang ada pada blog anda.
2. Untuk Slider Homepage
Untuk slider silahkan masukkan kode berikut kedalam add html/javascript

<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 ganti label pada gadget HTML ketikan pada Title dan Content
4. Untuk Popular post silahkan gunakan thumbnail dengan 6 posts
5. Slot iklan di postingan

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 disamping komentar

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

7. Pembuatan Posting
Gunakan post dengan kerangka berikut

<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/AVvXsEhAxA0p4Jr73gNSHm9HE8XswZRLhficFHk6eZ0tvLq6qk3imvFewYaYc925dROX-N5vjdidsDK1YNYU8RCj9XYJcX78a0A-UHDLbEuxgp1c4ldGhY1wFFOqUvzk7nzEho1T-VI2y85FljI/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 beberapa sesuai selera anda.

Download Template

Semoga bermanfaat

http://www.kompiajaib.com/2014/09/template-blog-game-online-valid-html5.html