Cara Memasukkan Game ke Blog

Berbagai macam cara dilakukan para blogger untuk menarik pengunjung agar mau mampir keblognya.Dari mulai menyediakan link-link free download, membuat tampilan yang nyaman, dan bahkanmenambahkan game-game gratis yang langsung bisa dimainkan oleh pengunjung. Namun konsekuensinya blog anda akan lebih berat pada saat dibuka. Nah, kali ini saya akan membahas tutorialcara memasukkan game gratis ke blog.

Dari mana kita mendapatkan game-game tersebut? Gampang, karena sekarang sudah banyak penyedia layanan game flash online yang free alias cuma-cuma. Anda bisa mencoba di http://www.khemer.com/ atau http://www.pictogame.com/. Pilih game yang anda suka, dan copy atau embed code yang ada di sebelah game tersebut, lalu paste-kan codenya ke blog anda.

Ada dua metode yang bisa digunakan, metode pertama adalah game yang kita masukkan ke blog akan muncul disetiap halaman blog. Jika anda menginginkan hal seperti ini maka masuk ke menu RANCANGAN pada editor blog anda, lalu pilih TAMBAH WIDGET, kemudian pilih JAVASCRIPT/HTML, lalu paste-kan code yang anda copy dari halaman game tadi. Kemudian atur tata letaknya sesuai dengan keinginan.

Metode kedua, game hanya akan muncul dihalaman yang kita inginkan. Misalnya kita membuat sebuah halaman khusus untuk game, contohnya bisa dilihat di blog ini http://blog-habibie.blogspot.com/p/game-gratis.html. Jika anda menginginkan hal seperti ini, maka buat sebuah halaman statis baru di blog anda, lalu ketikkan judul game atau descirptionnya pada halaman tersebut. Kemudian pilih edit html pada editor tersebut, kemudian paste-kan code yang anda copy dari halaman game tadi di bagian paling bawah.
Selamat mencoba..

tahapan merubah favicon blog

Sebelum kita bicarakan, anda harus mengetahui yang namanya Favicion, Favicion adalah logo kecil yang muncul di address bar anda, liat pada LINK anda, di bagian sampingnya (bila belum diruba) terdapat logo 
Anda bisa merubahnya, dengan ICON yang anda inginkan, jika anda sudah memiliki icon anda, ingat formatnya adalah GIF atau PNG dan ukuranya 32X32 pixels.

Simpan lah ICON anda di photobucket, (daftar dulu gartis kog, photobucket banyak gunanya lo ) setelah anda menyimpan ICON anda di photobucket, ikuti langkah berikut :

* Go to LAYOUT -> EDIT HTML ( ingat centangkan )

* Temukan kode ini :

<title><data:blog.pageTitle/></title>

* Jika anda sudah menemukannya, letakan kode di bawah ini, di atas kode di atas

 Kode ini bila anda menggunakan FORMAT GIF

<link href='alamat URL icon Anda' rel='shortcut icon' type='image/gif'/>

 Kode ini bila anda menggunakan FORMAT PNG

<link href='alamat URL icon Anda' rel='shortcut icon' type='image/png'/>

Jika sudah, SAVE TEMPLATES

menambahkan kotak komentar

Ikuti caranya :

1. Masuk ke akun blogger

2. Lalu klik Setting -> Comments

3. Pada bagian "comment from placement" pilih embedded below post. lalu save

4. Lalu klik lah judul (jika blog anda tanpa read more) postingan anda, jika sudah munculSELAMAT, jika belum muncul kasihan de loo lanjut ke tahap berikut

1. Klik menu layout -> Edit HTML

2. Beri tanda centang pada "Expand Widget templates"

3. Cari kode berikut :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>

4. Jika sudah ketemu, maka hapuslah kode tersebut, ganti dengan kode di bawah ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if></b:if> </p> </b:if>

5 Klik Save and View your blog

tahapan membuat tulisan berjalan

1. Login ke akun blogger anda.
2. Pilih Rancangan / Layout
3. Pilih Edit HTML
4. tidak usah mencentang "Expand Template Widget"
5. Carilah kode ]]></b:skin> (cara cepat dengan menekan tombol dengan CTRL+F)
6. Setelah ketemu letakkan kode dibawah ini tepat di atas kode ]]></b:skin>

/* footer dinamis */

#footer2 {

align: center;


position: fixed;

border-top: 1px solid #98cefc;

border-bottom: 1px solid #98cefc;

background-color: #98cefc;

width: 100%;

height:16px;

text-align: left;

color: #fff;

font-family: Verdana;


font-weight: bold;

font-size: 11px;

z-index:10000;

bottom:0;

}


7. Kemudian cari kode </body>, setelah ketemu copas kode dibawah ini tepat diatas kode </body>


<!-- footer dinamis -->


<DIV id='footer2'>

<MARQUEE onmouseout='this.start()' onmouseover='this.stop()' scrollamount='4'>

</DIV>

8. Setelah selesai, klik pratinjau dulu untuk melihat hasilnya. Jika sudah berhasil, klik simpan template

tahapan mengganti template

Langkah 1:
Pilih menu Layout – Edit HTML

Langkah 2:
Klik tombol Browse, cari lokasi penyimpanan file .xml Anda. Dalam contoh ini saya memakai template Grey Press Blogger (grey_press_blogger.xml)

Langkah 3:
Klik tombol Upload, pastikan tidak ada error seperti terlihat pada gambar di bawah

Langkah 4:
Klik tombol SAVE TEMPLATE

Silakan lihat perubahannya, sebelumnya:

berubah menjadi :