iseng

halo semuannya...........
lama ngga nulis nih
sumpah suntuk banget nh
lama ga curhat

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>