Cara Pasang Icon Yahoo! Messengger

     Menanggapi pertanyaan sobat  yang di ajukan melalui shoutbox beberapa waktu yang lalu, beliau menanyakan tentang bagaimana cara menampilkan status online Yahoo ! Messenger pada halaman blog. Barangkali ada di antara para sobat juga berkeinginan yang sama namun belum mengetahui caranya,ada baiknya menyimak beberapa penjelasan yang akan saya utarakan. 

Sebenarnya jika saya pikir-pikir, kayanya agak merasa malu menerangkan ini, mungkin bagi para sobat yang sudah beberapa kali mengunjungi blog ini hampir atau bahkan belum pernah melihat Icon Yahoo ! Messenger saya menyala tanda sedang online chatting. Memang benar saya sangat jarang sekali ber chatting ria di dunia maya, paling-paling kalau ada perlu dan itupun janjian terlebih dahulu baru saya chatting (lho ko jadi cerita...kelamaan), oh iya lupa  

Untuk menampilkan icon status online yahoo ! messenger, kita bisa memilih sebanyak 5 pilihan, yakni style id 1, style id 2, style id 3, style id 4, serta style id 5, Apa perbedaan dari style id ini? perbedaannya adalah ukuran dari icon itu sendiri, untuk melihat perbedaan style id, silahkan sobat perhatikan gambar berikut : 



Style ID 1                      Style ID 2                       Style ID 3         Style ID 4     Style ID 5 

 

 


masing-masing gambar mempunyai URL adddress sendiri yaitu : 

http://opi.yahoo.com/online?u=YahooID&m=g&t=1 
Untuk Style ID 1 

http://opi.yahoo.com/online?u=YahooID&m=g&t=2 
Untuk Style ID 2 

http://opi.yahoo.com/online?u=YahooID&m=g&t=3 
Untuk Style ID 3 

http://opi.yahoo.com/online?u=YahooID&m=g&t=4 
Untuk Style ID 4 

http://opi.yahoo.com/online?u=YahooID&m=g&t=5 
Untuk Style ID 5 


itu tadi adalah URL address masing-masing Style ID, maka agar tampil menjadi gambar, kita harus menambah kode yaitu : 

<img src="URL address"> 

Sehingga untuk menampilkan URL address di atas menjadi sebuah gambar, maka kodenya akan seperti ini : 

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=1" border="0"> 
Untuk Style ID 1 

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=2" border="0"> 
Untuk Style ID 2 

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=3" border="0"> 
Untuk Style ID 3 

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=4" border="0"> 
Untuk Style ID 4 

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=5" border="0"> 
Untuk Style ID 5 


Penambahan kode border="0", agar gambar yang di hasilkan terhindar dari adanya garis tepi atau bingkai. Tapi tentu saja kode diatas adalah hanya untuk menampilkan gambar icon YM nya dan belum bisa bereaksi walaupun sudah di klik oleh para pengunjung. 

Ada beberapa pilihan yang bisa kita terapkan ketika pengunjung mengklik icon YM kita, yaitu : 


Kirim Instant Messenger. 

Kodenya sebagai berikut : 

<a href="ymsgr:sendIM?YOURID">Kirim IM</a> 

Sehingga untuk kode lengkapnya jadi seperti ini : 

<a href="ymsgr:sendIM?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a> 




Kirim Instant Messenger dengan pesan 

Kodenya sebagai berikut : 

<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE">Kirim IM</a> 

Sehingga untuk kode lengkapnya jadi seperti ini : 

<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a> 


Menambahkan link ke chat room favorit 

Kodenya sebagai berikut : 

<a href="ymsgr:addfriend?YOURID">Masukan ke daftar teman sobat</a> 

Sehingga untuk kode lengkapnya jadi seperti ini : 

<a href="ymsgr:addfriend?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a> 

Bagaimana jelaskan? biar lebih jelas lagi saya beri contoh. 


Karena email saya adalah amn_tea@yahoo.co.id maka id saya adalah amn_tea, Sehingga kode untuk mengirimkan Instan Message dengan pilihan Style ID 2 adalah sebagai berikut : 


<a href="ymsgr:sendIM?amn_tea"><img src="http://opi.yahoo.com/online?u=amn_tea&m=g&t=2" border="0"></a> 


dan yang akan tampil seperti ini : 



 



Icon di atas benar-benar Live, jadi tentunya icon nya akan menyala apabila saya sedang online di Yahoo ! Messenger . 


Mudah-mudahan jelas. Selamat mencoba ! 

Read More …

Buat Logo & Image Button

   Logo kita bisa memakai jasa situs di internet, salah satunya yaitu cooltext.com, Silahkan ikuti langkah-langkah berikut ini : 

Read More …

Pasang Statistik Dan Tracker

      Salah satu blog tool sekaligus sebagai aksesori blog yang sering di gunakan oleh para blogger yakni memasang statistik dan tracker. Dengan adanya statistik blog, maka kita yang mpunya blog ataupun yang berkunjung pun dapat mengetahui berapa pengunjungkah yang pernah berkunjung ke blog kita. selain itu juga bisa sekaligus sebagai tracker yakni kita bisa mengetahui para pengunjung blog kita datang dari mana, apakah dari search engine, blog lain ataupun darimana saja kita dapat mengetahuinya. 

Sekarang bagaimana caranya kita membuat statistik tersebut? cara yang mudah yaitu kita menggunakan situs penyedia statistik. Di internet banyak sekali situs penyedia statistik gratis, sebagai contoh adalah situs http://www.sitemeter.com. Berikut adalah contoh tool yang bisa kita pilih :

Untuk mendapatkannya silahkan ikuti langkah-langkah berikut : 

1. Silahkan kunjungi situs http://www.sitemeter.com.



2. klik tulisan Sign Up untuk melakukan pendaftaran



3. klik tombol bertuliskan Next



4. Klik tombol Next lagi



5. Isi semua tabel yang ada lalu klik tombol Next lagi



6. Isi lagi tabel yang ada, lalu klik tombol Next lagi



7. klik tombol Next lagi



8. klik tombol Next lagi ( cape dech next..next melulu    )



9. Setelah ada keterangan proses sign up selesai, anda harus melakukan veryfikasi, silahkan buka email yg anda berikan



10. Buka email yang datang dari sitemeter.com, di dalamnya ada username dan password anda untuk login ke sitemeter.com



11. Silahkan login dengan id anda



12. Bila sudah login, Klik menu Manager



13. Klik Menu Meter Style untuk memilih gaya dari site meter anda



14. Pilih style yang anda sukai, kemudian klik tombol Select



15. Klik menu HTML Code



16. Klik tulisan Adding site Meter to a Blogger.com Site



17. copy semua kode HTML yang di berikan lalu paste pada Notepad



18. Klik menu Logout untuk keluar dari situs tersebut



19. Selesai, tinggal memasukan kode yang kita dapat ke dalam blog kita
    
    
    

Sekarang tugas kita adalah memasukan kode yang sudah kita dapat ke dalam blog, ikuti langkah- langkah berikut : 

khusus blog dengan template klasik : 

1. Sign in di blogger dengan id anda



2. Klik menu TEMPLATE



3. Klik Edit HTML



4. Klik Edit (yang ada pada bar menu browser anda)



5. Klik Find (on this page)... ⇒ untuk mempercepat pencarian



6. Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah blogger (karena dekat dengan tombol blogger) klik Find



7. Copy & paste kode yang telah di simpan di notepad tadi, lalu klik tombol Preview untuk melihat perubahan yang terjadi



8. Jika sudah cocok dengan perubahan tadi, Klik Save Template Changes. Selesai

Sedikit tambahan, bila anda ingin site meter posisinya berada di tengah-tengah, tinggal tambah kode <center>...kode site meter... </center> 


Untuk blog dengan Template baru : 

1. Login di blogger dengan ID anda



2. Klik menu layout



3. Klik Elemen Halaman



4. Klik Tambahkan sebuah Elemen Halaman



5. Klik TAMBAHKAN KE BLOG pada menu HTML/JavaScript



6. Tulis Judul site meter anda pada isian di sebelah form judul (bila ingin ada keterangan. kalau tidak, ya kosongkan saja)



7. Copy & paste kode Site meter pada kolom isian



8. Klik tombol Simpan Perubahan



9. Klik Elemen yang baru anda buat tadi, tahan lalu pindahkan ke tempat yang anda inginkan ( di drag & drop)



10. Klik tombol PRATINJAU untuk melihat perubahan yang baru di lakukan



11. Bila sudah cocok dengan perubahan tadi, klik tombol SIMPAN



12. Selesai

Untuk fungsi site meter sebagai tracker, silahkan anda login ke sitemeter.com trus ya acak-acak deh isinya pasti ketemu....      


Selamat mencoba.

Read More …

Cara Memodifikasi Kotak Komentar

 Bagaimana cara meng-Edit  Kotak Komentar?

saya meng-SHARE tips ini karna saya mendapat inspirasi dari kiriman email dai teman saya yang ingin mengganti tampilan kotak komentar jadi saya langsung menurutinya .. adakah caranya sebagai brikut.

Read More …

Cara memasang Buku Tamu

         Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja). 


Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini : 

1. Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
2. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
3. Pada kolom yang berjudul Style, klik menu appearance.
4. Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
5. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
6. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
7. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
8. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
9. Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

1. Log in terlebih dahulu ke blogger.com dengan id anda
2. Klik menu Template
3. Klik Edit HTML
4. Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
5. Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
6. Klik tombol Preview untuk melihat perubahan yang kita buat.
7. Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
8. Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

1. Silahkan Login dengan id anda
2. Klik menu Layout
3. Klik Page Element
4. Klik Add a Page Element
5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
7. Copy paste kode HTML shoutbox anda di dalam form Content
8. Klik tombol Save Changes
9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
10. Tekan tombol Save
11. Selesai

Selamat mencoba !

Read More …