Cara Membuat Blog Game Online Lengkap / Pasang Game di Blog Mudah - Blog Project kedua setelah seri pertama yang cukup menarik perhatian :D (Baca: Cara Membuat Blog MP3 Mudah). Kali ini lebih simple dan mudah, yakni cara membuat blog game online. Langkah-langkahnya adalah:


Cara Embed Game di Blogspot
Untuk pasang game di blogspot sangatlah mudah. Anda cukup posting dalam mode EDIT HTML, kemudian copy paste saja kode gamenya.

Bisa juga untuk iseng-iseng tambah pengetahuan, kalau pengen nyuri-nyuri game dari situs terkenal:
Baca: Cara mudah embed object

Dimana Mendapatkan Game Embedable Gratis
Game Embedable adalah game yang bisa dengan mudah di tempel atau di pasang di suatu blog. Untuk mendapatkan kodenya Anda bisa pergi ke situs-situs berikut ini:
www.embeddablegames.net
www.addictinggames.com/embeddable-games/index.jsp‎
www.primarygames.com/games_for_your_site.php
www.gamesforblog.com/

dan masih banyak lagi, searching saja di Google dengan keyword 'embedable games'

Bonus Template
Intinya untuk membuat blog game online sebenarnya sangat mudah. Ada template yang bagus yang bisa Anda coba dari MAS TEMPLATE
www.mastemplate.com/2013/01/johny-coba-dulu.html
www.mastemplate.com/2013/01/johny-jogos.html

atau Anda bisa juga menggunakan template buatan saya. Simple banget template ini dan belum banyak di kustomisasi :P. Seperti biasa setiap blog project selalu disertai dengan template gratis. adi cuma untuk ngejar bonus saja, alias MOHON DI MODIFIKASI SENDIRI. Demonya: http://themasdoyokgame.blogspot.com

Kustomisasi Template Gratis
Cara Edit Menu Bar

- Login Blogger
- Klik Template
- Edit HTML
- Cari Kode
<li><a href='#' title='under blogwalking menus'>Memasak</a></li>
<li><a href='#'>Cewek</a></li>
<li><a href='#'>Sepakbola</a></li>
<li><a href='#'>Petualangan</a></li>
<li><a href='#'>Balapan</a></li>
<li><a href='#'>Menembak</a></li>
<li><a href='#'>More Games</a>
<ul class='sub-menu'>
<li><a href='#'>Kategori 1</a></li>
<li><a href='#'>Kategori 2</a></li>
<li><a href='#'>Kategori 3</a></li>
<li><a href='#'>Kategori 4</a></li>
<li><a href='#'>Kategori 5</a></li>
<li><a href='#'>Kategori 6</a></li>

tanda # ganti dengan link tujuan, misal
<li><a href='http://www.themasdoyok.com'>Kategori 6</a></li> 

Cara Edit Search
Kotak search blog masih menggunakan google CSE saya, silahkan cari kode
value='007737737555262419625:5hrz_kthoju'/
ganti valuenya dengan kode Google custom search Anda
Baca:
- Membuat Google Custom Search
- Google CSE hanya menampilkan keyword

Cara Aktivasi Navigation Menu

Untuk aktivasi Navigasi Menu, mudah silahkan pergi ke Tata Letak, kemudian Add Gadget HTML di bawah area postingan. Kodenya:
<style type='text/css'>
#blog-pager{padding:10px 0;clear:both;}
.showpageNum a {
color:#CCCCCC;
text-decoration:none;
margin:0 3px;
padding:3px 7px;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
color:#000000;
padding:3px 7px;
margin:0 3px;
font-size:22px;
}
.showpageOf {display:none;}
</style>

<script style='text/javascript'>
var numshowpage=6;
var postperpage =12;
var upPageWord="Previous";
var downPageWord="Next";
var urlactivepage=location.href;
var home_page="/";
</script>
<script style='text/javascript' src='http://safir85.ucoz.com/24work-blogspot/page-navigation/0-test-p-n-01_00.js'></script>

Cara Ganti Logo Blog
Cari kode berikut ini:
<div id='logodoyok'>
<a href='/' style='margin-bottom: 1em; margin-right: 1em;' target='_blank'><img height='79' itemprop='logo' src='http://2.bp.blogspot.com/-KMwPHTRsucg/UgnW8kpoyCI/AAAAAAAAFtk/84k2Hg9goeM/s1600/Untitled-1.jpg' width='281'/></a></div>

yang berwarna merah ganti dengan alamat gambar logo Anda. Templatenya minimalis. Setengah jalan memikirkan project ini pengen cepet-cepet ganti ke project yang lain: Membuat Situs Pengelola Objek Wisata Lokal. :D Ditunggu aja ya, yang ini kayaknya lebih mantep. Sementara template untuk game online di atas bisa dimodifikasi, misal:
- Ditambah rating widget: coba cari di: http://rating-widget.com/
- Ditambah related post, recent post dll
- Ya dimodif modif aja lah sambil belajar hehe.

Link Download Template Gratis
Untuk download template minimalis ini silahkan klik: DOWNLOAD

Semoga bermanfaat...