Blogger templates

Pages

Showing posts with label Panduan Blogger. Show all posts
Showing posts with label Panduan Blogger. Show all posts

Saturday, 22 May 2010

Cara memasang lagu sendiri menjadi background blog di blogspot

clip_image001
Cara memasang lagu sendiri menjadi background blog di blogspot. Terkadang kita ingin menambah lagu menjadi backgound blog agar blog lebih terkesan menghibur, ada beberapa cara yang bisa kita lakukan untuk memasang lagu di blog yaitu dengan menggunakan layanan embed code lagu yang sudah tersedia oleh layanan lagu online dan yang kedua adalah memasang lagu sendiri.
Untuk memasang lagu sendiri jika menggunakan blogspot maka yang harus dilakukan adalah upload file ke website audio hosting gratis.kemudian memasukkan link file lagu tersebut ke dalam template atau gadget html.
Prosedur lengkapnya seperti di bawah ini:
1. Yang pertama kita lakukan adalah upload ke website audio hosting, disini saya gunakan Toofile audio hosting , beberapa website audio hosting bisa dilihat disinifree music hosting
Sebaiknya file yang diupload dalam bentuk midi agar lebih ringan loadingnya.
Untuk mengubah file mp3, wav atau audio lainnya ke bentuk midi bisa gunakan sofware gratis audio converter
Setelah diupload akan diperoleh link file tersebut seperti di bawah ini
clip_image003
perhatikan file yang akan digunakan akan berakhiran  mid, mp3, atau file audio lainnya
Contoh:
http://dl.toofiles.com/y2v2ov/audios/588_town.mid
2.Selanjutnya login ke dashboard blogger
Pilih Tata Lerak , Elemen Halaman , Tambah Gadget
clip_image004
Setelah itu masukkan script berikut ke dalam gadget html/javascript
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
id="player" width="270" height="60">
<param name="url"
value="http://dl.toofiles.com/y2v2ov/audios/588_town.mid" />
<param name="src"
value="http://dl.toofiles.com/y2v2ov/audios/588_town.mid" />
<param name="showcontrols" value="true" />
<param name="autostart" value="true" />
<!--[if !IE]>-->
<object type="video/x-ms-wmv"
data="http://dl.toofiles.com/y2v2ov/audios/588_town.mid"
width="270" height="60">
<param name="src"
value="http://dl.toofiles.com/y2v2ov/audios/588_town.mid" />
<param name="autostart" value="true" />
<param name="controller" value="true" />
</object>
<!--<![endif]-->
</object>
catatan:
1. Nilai 270 dan 60 pada width="270" height="60", bisa dubah sesuai lebar dan tinggi player yang diinginkan, sesuaikan dengan lebar sidebar blog
2. http://dl.toofiles.com/y2v2ov/audios/588_town.mid , bisa diganti dengan link lagu yang anda upload.
3. File midi bisa juga dicari di direktori Windows : C:\Windows\Media
Script di atas baru saya coba pada IE (Internet explorer), Firefox, dan Google Chrome, dan bisa berjalan dengan baik. Untuk browser opera dan safari belum saya uji coba.

Tuesday, 17 February 2009

Menambah (memasang) icon status yahoo messenger (ym) di blog

clip_image001
Menambah (memasang) icon status yahoo messenger (ym) di blog. Mungkin ada diantara kawan-kawan yang masih kesulitan cara pasang (menambah/memasang) widget Icon (button) status online Yahoo Messenger (ym) di blog anda. Sebenarnya ada sebuah situs yang menawarkan layanan gratisan, yang bisa anda manfaatkan. jadi tidak perlu pusing memikirkan rumitnya script, karena scriptnya telah disediakan oleh situs tersebut, anda hanya perlu meng-copy-nya dan memasang script widget status yahoo Messenger tersebut ke blog anda.Setelah script terpasang maka blog akan menampilkan status ym.
Icon atau button status online Yahoo Messenger berguna untuk memudahkan pengguna situs anda dalam berkomunikasi via yahoo messenger. Selain menggunakan icon tersebut anda juga dapat menggunakan pingbox Yahoo Messenger, yang akan saya bahas pada tulisan yang lain,lihat disini pingbox Yahoo Messenger. Icon status online/offline Yahoo Messenger akan berubah statusnya menjadi online jika anda sedang login ke Yahoo Messenger.
Icon Status Online/Offline Yahoo Messenger anda bisa anda tambahkan ke blog, Dengan menggunakan script di bawah ini. Anda copy script di bawah ini, dan masukkan ke gadget html/javascript.
A. Anda ubah beberapa kode di bawah ini: (ubah teks yang berwarna merah dan biru)
- center bisa anda ubah dengan left (rata kiri), right (rata kanan)
- muinzandi , ubah dengan ID Yahoo anda
- t = 2 , angka 2 bisa diubah menjadi 0,1, 2, 3 sampai 24 (pilih salah satu diantara angka 0 sampai 24)
2. Masuk ke Dashboard => Tata Letak => Elemen Halaman
Pilih Tambah gadget => pilih Html/Javascript, copy kode dibawah ini (panduan menambahkan html/javascript) bisa dilihat disini cara memasang html/javascript di blog:
<div align="center">
<a href="ymsgr:sendIM? muinzandi"><img src="http://opi.yahoo.com/online?u=muinzandi&amp;m=g&amp;t=2" border="0"></div>



Catatan:
a.Jika akun yahoo atau email anda berakhiran yahoo.com , cukup mengetik yahoo ID username saja
misalnya : muinzandi@yahoo.com , ditulis
ymsgr:sendIM?muinzandi
a.Jika akun yahoo atau email anda berakhiran ymail.com atau yahoo.co.id, harus mengetik yahoo ID username secara lengkap
misalnya : muinzandi@ymail.com , ditulis:
ymsgr:sendIM? muinzandi@ymail.com
http://opi.yahoo.com/online?u=muinzandi@ymail.com
<div align="center">
<a href="ymsgr:sendIM? muinzandi@ymail.com"><img src="http://opi.yahoo.com/online?u=muinzandi@ymail.com&amp;m=g&amp;t=2" border="0"></div>
B. Masukkan kode di atas ke dalam kotak teks Html/javascript klik tombol Simpan,
Silahkan lihat perubahan pada blog anda
Di bawah ini adalah contoh gambar icon status yahoo messenger sesuai nomor /nilai t
0. gambar icon status yahoo messenger t = 0 (Gambar kepala kecil)
clip_image002
1. gambar icon status yahoo messenger t = 1 (Gambar standart kecil)
clip_image003
2. gambar icon status yahoo messenger t = 2 (Gambar standar)
clip_image004
3. gambar icon status yahoo messenger t = 3 (Gambar voice mail)
clip_image005
4. gambar icon status yahoo messenger t = 4 (gambar apa ini, mungkin kaset pita)
clip_image006
5. gambar icon status yahoo messenger t = 5 (gambar kepala kecil)
clip_image007
6. gambar icon status yahoo messenger t = 6 (gambar kepala dalam bundaran elips)
clip_image008
7. gambar icon status yahoo messenger t = 7 (gambar kepala dalam bundaran)
clip_image009
8. gambar icon status yahoo messenger t = 8 (gambar kepala dalam kotak)
clip_image010
9. gambar icon status yahoo messenger t = 9 (gambar alien pakai topi)
clip_image011
10. gambar icon status yahoo messenger t = 10 (gambar ikan)
clip_image012
11. gambar icon status yahoo messenger t = 11 (gambar alien dengan mahkota yang miring)
clip_image013
12. gambar icon status yahoo messenger t = 12 (Gambar alien mirip permen lolipop /cermin)
clip_image014
13. gambar icon status yahoo messenger t = 13 (Gambar alien pakai mahkota raja)
clip_image015
14. gambar icon status yahoo messenger t = 14 (Gambar alien dalam gantungan kunci)
clip_image016
15. gambar icon status yahoo messenger t = 15 (Gambar alien pakai mahkota raja)
clip_image017
16. gambar icon status yahoo messenger t = 16 (Gambar kepala kuda bertanduk / mungkin unicorn)
clip_image018
17. gambar icon status yahoo messenger t = 17 (Gambar alien sedang bingung)
clip_image019
18. gambar icon status yahoo messenger t = 18 (Gambar alien yang di kepala-nya ada balon listrik)
clip_image020
19. gambar icon status yahoo messenger t = 19 (Gambar alien sedang tidur)
clip_image021
20. gambar icon status yahoo messenger t = 20 (gambar alien dengan kuping antena siput)
clip_image022
21. gambar icon status yahoo messenger t = 21 (Gambar kepala alien dengan baterai drop/lemah)
clip_image023
22. gambar icon status yahoo messenger t = 22 (Gambar apa ini, mungkin sedang dengar lagu)
clip_image024
23. gambar icon status yahoo messenger t = 23 (Gambar alien meninju pengunjung blog yang nakal)
clip_image025
24. gambar icon status yahoo messenger t = 24 ( gambar alien tidur pegang gulungan kertas)
clip_image026
Silahkan dipilih salah satu gambar icon yahoo messenger di atas,kemudian dipasang di blog anda. dengan adanya icon tersebut maka akan memudahkan pengunjung mengetahui saat anda online di Yahoo messenger,ini adalah salah satucara chatting sehingga memudahkan pengunjung chatting dengan anda.
Contoh blog yang terpasang icon status yahoo messenger bisa dilihat disini status chatting