Tips - Tips Mempercantik Blog

Temen-temen di sini aku mau berbagi tentang cara-cara untuk mempercantik blog. Silakan di baca dan di coba :D

Cara Memasang Musik Pada Blog

1. Buka situs http://www.musik-live.net. Tujuannya adalah untuk mendapatkan kode musik yang akan kita pasang pada blog. Disana tersedia banyak lagu yang bisa Anda pilih. Klik salah satu daftar lagu.
2. Kemudian akan muncul halaman yang berisi beberapa link kode yang bertuliskan "Play & Embed Code". Anda bisa memilih salah satunya.
3. Kemudian Anda akan masuk ke halaman kode lagu yang telah terpilih. Di sebelah kiri     halam Anda bisa mendengar lagu yang Anda pilih melalui music player pada situs tersebut. Sedangkan dibagian tengah, Anda akan melihat kolom "Embed code" yang berisi kode dari lagu yang kita pilih. Kode tersebutlah yang akan kita masukkan ke dalam blog kita. Untuk mengkopi kode, silahkan klik tombol "copy" yang ada di sebelah kanan kolom tersebut.
4. Sekarang login ke blog Anda di blogspot. Pada bagian dasbor, klik link menu "Rancangan". Kemudian, klik link "Tambah Gadget" pada bagian dimana Anda ingin menempatkan musik tersebut pada blog Anda.
5. Akan muncul window "Tambahkan Gadget". Silahkan Anda cari dan pilih gadget "HTML/Javascript".
6.  Copy paste kode yang Anda dapat pada langkah 3 ke dalam kolom kode gadget "HTML/Javascript" tersebut. Setelah itu klik "Simpan".
7.  Silakan mencoba :)
 

Cara Membuat Tulisan Berjalan Pada Website

   1. Behavior , yaitu atribut untuk mengatur perilaku tulisan. Nilainya adalah:

• Scroll : teks/tulisan akan berjalan berulang kali. Makdusnya adalah setelah berjalan 1 kali, maka akan muncul kembali untuk berjalan lagi.
• Slide : teks/tulisan akan berjalan hanya 1 kali. Setelah itu berhenti.
• Alternate : teks/tulisan akan berjalan bolak balik, setelah dari kiri ke kanan kemudian berbalik dari kanan ke kiri (atau sebaliknya).

       Contoh :

        <marquee behavior="alternate">TEXT HERE</marquee>

   2. Direction, merupakan atribut yang mengatur arah gerak tulisan. Nilainya adalah:

• Right: agar tulisan berjalan ke kanan
• Left: agar tulisan berjalan ke kiri
• Down: agar tulisan berjalan ke bawah
• Up: agar tulisan berjalan ke atas.

      Contoh:

    <marquee behavior="scroll" direction="right">TEXT HERE</marquee>

   3. Scrollamount, merupakan atribut yang mengatur kecepatan tulisan berjalan. Nilanya   berupa angka. Semakin besar angkanya, maka kecepatannya akan semakin besar pula.

Contoh :

<marquee behavior="alternate" direction="right" scrollamount="30">TEXT HERE</marquee>

 4.Onmouseover, merupakan atribut yang mengatur perilaku tulisan jika mouse diletakkan di atasnya. Misalnya kita ingin tulisan akan berhenti jika muse diletakkan diatasnya, maka bentuknya adalah :

onmouseover="this.stop()"

     Contoh:

    <marquee behavior="alternate" direction="right" scrollamount="30" Onmouseover="this.stop()">TEXT HERE</marquee>

   5. Onmouseout, merupakan atribut yang mengatur perilaku tulisan jika mouse tidak diletakkan di atasnya. Misalnya kita ingin membuat tulisan yang berhenti pada contoh di atas menjadi bergerak kembali, maka bentuknya adalah:

onmouseout="this.start()"

     Contoh:

    <marquee behavior="alternate" direction="right" scrollamount="30" Onmouseover="this.stop()" onmouseout="this.start()">TEXT HERE</marquee>

   6. Selain atribut-atribut utama di atas, sebenarnya masih banyak lagi atribut untuk marquee. Pembaca mungkin bisa melihatnya dengan menggunakan Macromedia Dreamweaver. Atribut-atribut untuk tag marquee lainnya bisa berupa atribut tag HTML biasa, sepertu style, width, height, align, dan lain sebagainya.

    Contoh:

    <marquee behavior="alternate" direction="right" scrollamount="30" bgcolor="#0000FF" width="50%">TEXT HERE</marquee>

 

Cara Merubah Tampilan cursor Pada Blog

1. Login ke blogger.com
2. Klik Rancangan pada blog yang akan anda rubah kursornya
3. Klik Elemen Laman/Tata Letak/Design.
4. Klik Tambah Gedget/add gadget.
5. Pilih HTML/Javascript.
6. Copy dan pastekan script dibawah ini ke content HTML/Javascript.

<style type=”text/css”>
body {
cursor:url(“http://i1003.photobucket.com/albums/af158/robotjapan/Kursor.png“)
,default}
</style>

7. Terakhir klik Save atau Simpan