Gamer Coolest - Template Untuk Blog Game Online

Gamer Coolest Template
Seperti yang telah saya katakan pada postingan sebelumnya bahwa template ini adalah hasil modifikasi dari template Johny Demosite-nya Maskolis.

Sengaja saya buat agar cocok dengan blog game online yang menampilkan game-nya paling atas pada area postingan, sehingga begitu membuka halaman game langsung disajikan gamenya. Namun sepertinya akan cocok juga untuk menampilakan video-video Youtube. Bagi Anda yang mempunyai video-video sendiri yang diupload ke Youtube, Anda bisa menggumpulkan video-video Youtube Anda pada blog pribadi Anda dengan template blog ini.

Template dasarnya berupa template responsive, tapi karena ini saya buat khusus untuk menampilkan video flash pada setiap postingannya maka saya memutuskan untuk membuang responsive-nya agar blog mempunyai loading yang ringan. penampakannya akan seperti di bawah ini.

Gamer Coolest Template Homepage

Gamer Coolest Template Postpage


Fitur-fiturnya:

  1. Template 1 kolom.
  2. Footer 3 kolom.
  3. Slide dan kotak iklan 300x250 di homepage.
  4. Kotak iklan 728x90 di postpage.
  5. Breadcrumb dan Hcard Author.
  6. Sudah valid HTML5 dan CSS3 di homepage dan postpage.
  7. Skor SEO 100% tanpa error di Chkme.
  8. Show and hide komentar agar postingan menjadi simple.
  9. Popular dan random post hanya menggunakan thumbnail.
  10. CSS Sprite untuk widget sosial pada header.
  11. Kustomisasi halaman error 404.
  12. Threade comment hack.
  13. Dan lain-lain.

Kustomisasi Template:

  1. Untuk merubah link-link pada menu header silahkan cari kode <div class='masmenu-top'>
  2. Mengisi kotak iklan di homepage silahkan cari kode <div id='slides-outer2'> (jangan lupa script iklannya di parse dulu dan simpan di bawahnya).
  3. Untuk mengatur slide silahkan ganti url http://gamercoolest.blogspot.com/ yang ada di atas kode </head>. Jika ingin slide-nya sesuai label silahkan ganti false menjadi true pada slidebyLabels dan ganti Shooting dengan label Anda pada slideLabelName.
  4. Untuk mengganti url pada widget sosial header silahkan cari kode <div id='widget-social'>
  5. Setting postingan yang tampil di homepage kelipatan 5, misalnya 5, 10, atau 15.
  6. Untuk widget Random Post silahkan isi widgetnya lewat tata letak dengan script random post. Untuk scriptnya silahkan copy dari postingannya DI SINI. Ambil kode scriptnya pada langkah kedua.
  7. Untuk mengisi kotak iklan di postingan silahkan cari kode <div class='underpost'> (jangan lupa script iklannya di parse dulu dan simpan di bawahnya).

Membuat postingan:

Ini yang paling penting, untuk membuat postingan silahkan copy post template di bawah ini dan simpan di Dashboard >> Setting >> Post and Comments >> Post Template.


<div class="vidgames" style="text-align: center">
<object width="800" height="450" data="http://www.gamezhero.com/get-game-code/48db71587df6c7c442e5b76cc723169a" style="background:linear-gradient(to bottom, #fefefe 0%, #d1d1d1 100%);border:1px solid #A8A8A8;border-radius:5px;margin:10px 0 40px;padding:8px 8px;box-shadow: 1px 30px 30px -26px #818181"></object>
</div>
<div class="descript-game">
<span style="font-size:large;"><b>Sniper Team</b>
</span>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: center;">
<img alt="Sniper Team" height="200" src="URL THUMBNAIL GAME" title="Icon Sniper Team" width="200" />
</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: left;">
DEKRIPSI GAME DI SINI</div>
</div>

Untuk width dan height silahkan sesuaikan dengan video aslinya dan url yang berwarna biru silahkan ganti dengan url game-nya. Untuk tulisan yang berwarna jingga/ungu silahkan ganti dengan judul game-nya. Ganti tulisan URL THUMBNAIL GAME dengan thumbnail game-nya. Dan ganti tulisan DESKRIPSI GAME DI SINI dengan deskripsi game-nya.

Untuk melihat contoh statis page-nya silahkan lihat pada menu footer di bawah.

Untuk membuat thumbnail game sebaiknya gambarnya dikompres dulu agar tidak terlalu memberatkan loading. Silahkan baca postingan tentang membuat gambar postingan pada url di bawah ini.
Untuk saat ini saya tidak menganjurkan menggunakan game dari Mini Clip karena kodenya belum bisa valid HTML5. Dan untuk keamanan dan kenyamanan Anda silahkan upload ulang semua gambar dan javascript yang ada di template ini dengan akun Anda sendiri.

Selamat mencoba.... 

You Might Also Like:

How to style text in Disqus comments:
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Hide Parser
Disqus Comments