Pages

Showing posts with label Blog. Show all posts
Showing posts with label Blog. Show all posts

Monday, November 1, 2010

Memasang efek salju pada blog

Agar blog anda terlihat keren, anda bisa menambahkan efek salju yang jatuh di blog anda.
Caranya sangat mudah:

1. Buka blogger. Masuk ke menu Design -> Page Elements

2. Klik Add a Gadgets -> HTML/Javascript

3. Masukkan script berikut kedalam kotak

4. Tekan Save. Selesai

Selamat mencoba...

Friday, October 29, 2010

Membuat Ucapan Selamat Datang Memakai Nama Pengunjung

Sebagai pengantar pengunjung ke blog kita, tak ada salahnya kamu memasang ucapan selamat datang kepada pengunjung sebelum memasuki blog kita. Caranya adalah dengan memunculkan kotak pesan yang berisi ucapan selamat datang dari kita sambil menyebut nama pengunjung itu sendiri. Berikut langkah-langkahnya:

  1. Login ke akun blogger Anda. Setelah masuk ke dasbor, klik link menu Tata Letak, kemudian pilih sub menu Edit HTML.
  2. Cari tag </head>, kemudian copy kode berikut ini diatas tag </head> tersebut

    <script src='http://dunia-sukasuka.blogspot.com/welcome.js' type='text/javascript'></script>
  3. Pada menu Tata Letak, pilih kembali sub menu Elemen Halaman. Klik link menu Tambah Gadget yang ada dibagian sidebar sehingga muncul window baru yang berisi gadget-gadget yang bisa kita tambahkan. Pilih gadget HTML/JavaScript
  4. Copy kode di bawah ini ke dalam kotak isian HTML/JavaScript tersebut, setelah itu klik tombol Save.

    <script>
    document.write("WELCOME TO MY WEBSITE, " + getname() + "!");
    </script>
Anda boleh mengganti tulisan "WELCOME TO MY WEBSITE" dengan tulisan lain yang Anda inginkan. Selamat mencoba..

Friday, October 15, 2010

Membuat Search Engine di Blog

Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan. Lalu bagaimana cara membuat search engine di blog? Caranya sangat mudah, yaitu:


1. Login ke blogger terus klik Layout terus pilih page elements nah di situ kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan di mana tempatnya menaruh search engine.
2. Kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Ganti nama-blogmu dengan nama blog kamu. Angka 30 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya.

Thursday, October 14, 2010

Membuat Gambar Tampil di Pojok Blog

Wah karena saya bingung mau ngasih judul apa, maka teman-teman bisa langsung liat di pojok kiri bawah blog ini. Di situ muncul gambar dengan format .gif yang sedang senam. Pengen mempercantik blogmu dengan gambar-gambar lucu yang laen? Inilah caranya:
1. Login ke akun Blogger anda

2. Masuk ke Dashboard, klik Design.

3. Kemudian klik Edit HTML.

4. Lalu cari kode ]]></b:skin> (gunakan Ctrl+F). Letakkan kode berikut di atas kode tadi:


#pojok_blog {




position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }

5. Tulisan yang dicetak tebal (bottom dan left), bisa diganti sesuai keinginan anda. Bila anda menggunakan kode tersebut tanpa diubah, maka nanti gambar/icon akan tampil di pojok kiri bawah blog anda. Bila anda mengganti Bottom dengan Top untuk menampilkan gambar di pojok atas. Anda juga bisa mengganti left dengan right, untuk menampilkan gambar di pojok kanan.

6. Letakkan kode berikut persis di atas kode </body> (gunakan Ctrl+F).

<div id='pojok_blog'>
<a href='http://dunia-sukasuka.blogspot.com'>
<img border='0' src='http://i750.photobucket.com/albums/xx142/pinno88/icon/kapook17b.gif'/></a>
</div>

7. Klik Simpan Template.

8. Selesai.