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 :

script html dan penjelasaannya

• <TABLE>…</TABLE>  Mendefenisikan  sebuah  tabel  dalam  HTML  jika  atribut  border

dituliskan, maka browser akan menampilkan tabel dengan border.

• <CAPTION>…</CAPTION>    Mendefinisikan  tulisan  untuk  judul  tabel.  Posisi  default  dari  judul

adalah    ditengah    pada    bagian    paling    atas    tabel.    Atribut
align=”bottom”  dapat  digunakan  untuk  menempatkan  judul  pada
bagian bawah tabel.
Catatan: judul dapat diberi tag apa saja

• <TR>...</TR>  Menspesifikasikan   sebuah   baris   tabel   dalam   tabel.   Anda   dapat

mendefinisikan  atribut  untuk  seluruh  baris:  align(left,  center,  right)
dan/atau valign (top,middle,bottom).

• <TH>…</TH>  Mendefiniskan  sel  header  tabel.  Secara  default  teks  dalam  sel  ini

ditebalkan dan ditampilkan di tengah.

• <TD>…</TD>  Mendefinisikan  sebuah  sel  data  tabel.  Secara  default  teks  dalam  sel

ini ditampilkan rata kiri, dan ditengah secara vertikal. Sel data table
dapat  berisi  atribut  untuk  mendefinisikan  karakteristik  dari  sel  dan
isinya.

• Align={left|center|right}          Alignment horizontal untuk sel

• Valign={top|middle|bottom}    Definisi alignment vertical dalam sel

• Colspan=n  Jumlah n kolom sel diperlebar

• Rowspan=n  Jumlah n baris sel diperbesar

• Nowrap  Matikan wrapping dalam sel
• <UL>        TYPE   SQUARE   Bullet Kotak 
                   DISC   Bullet Titik 
                  CIRCLE   Bullet Lingkaran
• <OL>       TYPE   I i   Upper Roman Lower Roman 
                   A a   Upercase Lowercase 
  <OL>       START           n   Begin Number 
• <B> ... </B> 
  Bold text 
  <I> ... </I> 
  Italic text 
  <U> ... </U> 
  Underline Text 
  <BIG> ... </BIG> 
  Untuk  ukuran  yang  lebih  besar
  dari normal 
  <SMALL> ... </SMALL>         Untuk  ukuran  yang  lebih  kecil
  dari normal 
  <STRIKE> ... </STRIKE>       Untuk  memberi  garis  di  tengah
  text  
• <SUP> ... </SUP> 
  Superscript text 
  <SUB> ... </SUB> 
  Subscript text 
  <CENTER> ... </CENTER>    Center document  
• <EM> ... </EM> 
  Text miring / <I> 
  <STRONG>  ...
  </STRONG> 
  Text tebal / <B> 
  <DEL> ... </DEL> 
  Mencoret text / <STRIKE> 
  <INS> ... </INS> 
  Underline text / <U> 

perbedaaan dan persamaan wordpress dan bolg

PERSAMAAN WORDPRESS dan BLOGSPOT

#Mudah digunakan
Keduanya sama-sama mudah digunakan. Semudah anda mengetik di program pengolah kata. Sebelum posting dipublikasikan, anda pun bisa melihat review-nya terlebih dulu. Membuatnya pun tidak sulit. Kita tinggal mengikuti petunjuknya yang cuma dalam beberapa langkah, maka jadilah blog kita.
#Tersedia pilihan template (theme)
Keduanya sama-sama punya pilihan theme. Namun, secara jumlah, pilihan lebih banyak terdapat di WordPress.

PERBEDAAN WORDPRESS dan BLOGSPOT

#Theme alias template
WordPress tidak mengizinkan otak-atik theme/template. Sedangkan blogspot mengizinkan
theme adalah tampilan dari blog kita. ibarat HP, theme adalah casingnya. atau lebih tepatnya barangkali ya theme hp nya kali ya. saya harap pembaca sekalian sudah jelas dengan istilah theme. Di wordpress, kita hanya bisa memilih theme yang telah tersedia. sedangkan di blogspot, kita bisa memilih dan mengotak-atik kode dari theme blog kita.
#Statistik
WordPress terpasang statistik otomatis sedangkan blogspot harus pasang script
statistik dalah hal ini adalah grafik yang menunjukkan misalnya; berapa jumlah pengunjung tiap hari, dari situs mana mereka datang, dari kata kunci apa saja mereka menemukan blog kita di google, dan lain-lain. Di wordpress, kita sudah mendapatkan statistik yang sudah terpasang secara otomatis. artinya tinggal pakai. sedangkan di blgspot, karena konsepnya minimalis, fitur ini tidak di sediakan. Sehingga kita perlu memasang statistik sendiri jika ingin mengetahui data pengunjung yang masuk ke web atau blog kita.
#Tipe postingan
Di wordpress ada tipe “pages” dan “post” sedangkan di blogspot hanya ada “post”.
#Pengelompokan postingan
wordpress: bisa pakai tag dan categories
blogspot: hanya tersedia label. label dapat dipersamakan sebagai tag pada wordpress.
#Pemasangan script
blogspot mengizinkan javascrip, wordpress tidak mengizinkan javascript.
Bagi orang yang senang berbisnis PPC, (Pay Per Click), wordpress bukanlah media yang tepat untuk berbisnis PPC. kenapa? Karena wordpress tidak mengizinkan javascript. Java script ini digunakan untuk menampilkan iklan dari PPC. Kangmoes sendiri pernah nekat memasang javascript di wordpress. Tapi o-la-la iklan PPC tersebut tidak muncul. Tapi ketika nyoba di blogspot, wala… iklan PPC yang kangmoes pasang bisa muncul.
#Penanganan komentar
wordpress ada fitur untuk mengedit komentar, sedangkan di blogspot tidak ada.
Di wordpress, pemilik blog memiliki wewenang untuk melakukan penyensoran terhadap komentar2 yang masuk. Sedangkan di blogspot berlaku pepatah; “take it or leave it”. Anda tentu tahu bahwa maksudnya adalah; setujui atau buang saja.
Dari hasil perbandingan wordpress dengan blogspot diatas, kita bisa melihat bahwa fitur2 yang disediakan oleh blogspot tergolong fitur2 sederhana. Seseorang yang mempunyai hasrat tinggi untuk menyalurkan ide2nya, namun tidak pengin berurusan dengan fitur-fitur aneh dalam dalam menulis, bisa dipastikan akan memilih blogspot. Sedangkan orang2 yang ingin ngeblog dengan fitur yang sedikit lebih “advanced” dan tinggal pake, tentu akan memilih wordpress.
Mana yang lebih bagus? Well, tampaknya kita harus kembali ke pepatah jadul; segala hal memiliki kelebihan dan kekurangannya masing-masing. Termasuk dalam memilih wordpress atau blogspot.