Template Game Online Blogger

Jogos berasal dari bahasa Portugal yang berarti Games. Template ini saya buat atas permintaan teman blogger dari Brasil, sebenarnya dia sudah lama minta dibuatkan template blogger untuk mini games online, bahkan sebelum saya libur panjang 3 bulan kemarin mintanya. Karena kesibukan di dunia nyata, baru sekarang saya realisasikan, entah masih ingat apa nggak dianya.

Demo

Download

Slider 

Untuk memasang slider, masukkan kode berikut ini pada kolom dibawah header yang panjang : 

<div id='slider'>

<div id='loopedSlider'>

<div class='container'>

<script>

document.write("<script src=\"/feeds/posts/default/-/hot games?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");

</script>

</div>

<a class='previous' href='#'></a>

<a class='next' href='#'></a>

<ul class='pagination'>

<script>

document.write("<script src=\"/feeds/posts/default/-/hot games?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");

</script>

</ul>

<script type='text/javascript'>

    $(function(){

        $('#loopedSlider').loopedSlider();

    });

</script>

</div>

</div>

Kode warna biru diatas adalah label yang saya masukkan pada slider, silahkan Anda ganti dengan label Anda, atau jika Anda ingin slider menampilkan postingan terbaru, hapus kode /-/hot games diatas.

Tab Widget Kategori 
Untuk merubah judul tab (Adventur, Action, Bike Game dan sebagainya) cari kode berikut ini di Edit HTML:

Title1="Adventure";Title2="Action";Title3="Bike Game";Title4="Dress-Up";Title5="Strategy";Title6="Sport Game"

Setelah ketemu ganti tulisan warna biru diatas dengan judul yang ingin Anda tampilkan pada tab view widget kategori. Dan untuk mengisi widget tab view dengan label yang ingin Anda pasang disitu, cari kode berikut pada Edit HTML (jangan lupa centang expand widget templates) :

<div id='tabber-wrapper'>
<ul class='tab-view'>
<li><a href='#tab1'><script>document.write(Title1);</script></a></li>
<li><a href='#tab2'><script>document.write(Title2);</script></a></li>
<li><a href='#tab3'><script>document.write(Title3);</script></a></li>
<li><a href='#tab4'><script>document.write(Title4);</script></a></li>
<li><a href='#tab5'><script>document.write(Title5);</script></a></li>
<li><a href='#tab6'><script>document.write(Title6);</script></a></li>
</ul><div class='clear'/>
<div class='tab-wrapper'>
<div class='tabber' id='tab1'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/hot games?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/-/play station?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='tab3'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/review?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='tab4'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/hot games?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='tab5'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/play station?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='tab6'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/hot games?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>

Ganti tulisan warna merah diatas dengan Label yang ingin anda tampilkan. Widget Label Yang dimaksud dengan widget label pada template ini adalah : Game Category dan widget sidebar kanan atas. Caranya sangat mudah, anda tinggal memasukkan atau ketik nama label yang sudah Anda buat pada kotak tersebut. Seperti contoh gambar di bawah :