1.Membuat Artikel Terkait
2.Membuat Text Area
3.Membuat text melayang
4.Membuat Link Download
5.Membuat Menu DropDown
6.Membuat 3 Kolom Dibawah Header
7.Membuat 3 Kolom Diatas Footer
8.Menghilangkan Navbar
9.Membuat Background Posting
10.Membuat Background Gambar
11.Membuat Link Backlink
12.Membuat Status YM Online
13.Pasang Widget SMS
14.Mengganti Icon Blogger
15.Membuat Menu Artikel Menjadi 2 Bagian
16.Membuat-typing-text-
Membuat Status YM Online
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 :
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 ID_ANDA@yahoo.co.id maka id saya adalah ID-ANDA, Sehingga kode untuk mengirimkan Instan Message dengan pilihan Style ID 2 adalah sebagai berikut :
<a
href="ymsgr:sendIM?
ID-ANSA
"><img src="http://opi.yahoo.com/online?u=
ID-ANDA
&m=g&t=
2
"
border="0"></a>
Cara Pertama Model Lain
<p align="left"><a href="ymsgr:sendim?ID ANDA"><img style="width: 114px; height: 61px;" src="http://opi.yahoo.com/online?u=ID ANDA&m=g&t=14" alt="OnLine YM Click disini" border="0" /></a> </p>
Dan yang akan tampil seperti ini :
xxxxxxxxxx
Icon di atas benar-benar Live, jadi tentunya icon nya akan menyala apabila saya sedang online di Yahoo ! Messenger .
Selamat Mencoba.......................
0 Comment:
Post a Comment
Silahkan Beri Komentar Anda disini, Pergunakan Bahasa yang Singkat dan Sopan, Berikan Komentar Anda Sesuai Topic Artikel.