halo semuannya...........
lama ngga nulis nih
sumpah suntuk banget nh
lama ga curhat
komik jepang remaja
my foto
Jumat, 11 Januari 2013
Rabu, 01 Februari 2012
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 :
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
* 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
<link href='alamat URL icon Anda' rel='shortcut icon' type='image/gif'/>
<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 munculkasihan de loo lanjut ke tahap berikut
1. Klik menu layout -> Edit HTML
2. Beri tanda centang pada "Expand Widget templates"
3. Cari kode berikut :
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
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>
<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>
<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
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
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 :
Selasa, 10 Januari 2012
script html dan penjelasaannya
- <TABLE>…</TABLE> Mendefenisikan sebuah tabel dalam HTML jika atribut border
- <CAPTION>…</CAPTION> Mendefinisikan tulisan untuk judul tabel. Posisi default dari judul
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
dan/atau valign (top,middle,bottom).
- <TH>…</TH> Mendefiniskan sel header tabel. Secara default teks dalam sel ini
- <TD>…</TD> Mendefinisikan sebuah sel data tabel. Secara default teks dalam sel
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>
Langganan:
Postingan (Atom)