Widget Status Yahoo Messenger

Berikut ini cara memasang widget atau icon status Yahoo Messenger untuk website maupun webblog Anda. Anda tinggal pilih jenis icon set yang ada kemudian copy paste code HTML dibawahnya ke webpage editor Anda. Tapi sebelumnya Anda perlu edit HTML nya, dengan mengganti YAHOOID dengan ID YM Anda. Gambar sebelah kiri akan otomatis muncul bila Anda mengaktifkan YM dan visible to all person. Sedangkan sebelah kanan menggantikan sebelah kiri bila YM kita tidak aktif. Selamat mencoba..

<a href="http://messenger.yahoo.com/edit/send/?.target=YAHOOID"><br /><img border="0" src="http://opi.yahoo.com/online?u=YAHOOID&m=g&t=6&l=us" />

<a href="http://messenger.yahoo.com/edit/send/?.target=YAHOOID"><br /><img border="0" src="http://opi.yahoo.com/online?u=YAHOOID&m=g&t=7&l=us" /><br /></a>

<a href="http://messenger.yahoo.com/edit/send/?.target=YAHOOID"><br /><img border="0" src="http://opi.yahoo.com/online?u=YAHOOID&m=g&t=8&l=us" /><br /></a>

<a href="http://messenger.yahoo.com/edit/send/?.target=YAHOOID"><br /><img border="0" src="http://opi.yahoo.com/online?u=YAHOOID&m=g&t=9&l=us" /><br /></a>

Mengganti Friendster Layout

silahkan ganti tampilan friendster anda dengan template ini :

Customize CSS
/*page background*/<br />body {<br />background-color:000000;<br /> background-image: url(http://stuff.pyzam.com/layouts/img/b/l/ahblueburn.jpg);<br /> background-attachment: fixed;<br /> background-position: bottom left;<br /> background-repeat: repeat-x;<br /> border-color:ffffff;<br /> border-width:0px ;<br /> border-style: solid;<br />}<br />/*global fonts*/<br />.usercontent {<br /> font-family:helvetica;<br /> color:4b16ff;<br />}<br />/*global links*/<br />.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {<br /> font-weight:bold;<br /> color:4b16ff;<br />}<br />.usercontent a:hover {<br /> color:ffffff;<br />}<br />/*main boxes*/<br />.commonbox { <br /> border-style:dotted;<br /> border-width:2px;<br /> border-color:000000 ;<br /> background-color:000000;<br />}<br />.commonbox h1, .commonbox h2 { /*header*/<br /> color:4b16ff;<br /> background-color:000000;<br />}<br />.commonbox .viewall { /*viewall link*/<br /> font-weight:bold;<br /> color:4b16ff;<br />}<br />.commonbox .imgblock75, .ir { /*photo blocks*/<br /> border-style:dotted;<br /> border-width:2px;<br /> border-color:000000 ;<br /> background-color:000000;<br />}<br />.commonbox .dr { /*name bars below photo blocks*/<br /> color:4b16ff;<br /> background-color:000000;<br />}<br />/*control panel*/<br />.controlpanel .imgblock200 { /*primary photo border*/<br /> border-style:dotted;<br /> border-width:2px;<br /> border-color:000000 ;<br />}<br />.data { /*data answers*/<br /> color:4b16ff;<br />}<br />.controlpanel .q { /*data labels*/<br /> color:4b16ff;<br />}<br />.data a { /*data links*/<br /> color:4b16ff;<br />}<br />a.more { /*more about link*/<br /> color:4b16ff;<br />}<br />#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/<br /> color:4b16ff;<br /> border-style:dotted;<br /> border-width:2px;<br /> border-color:000000 ;<br /> background-color:000000;<br />}<br />#controlPanelButtons a:hover { /*buttons hover*/<br /> color:4b16ff;<br /> border-style:dotted;<br /> border-width:2px;<br /> border-color:000000 ;<br /> background-color:ffffff;<br />}<br />" border="0" height="30" width="88"></a>

Add Media
<a title="Friendster Layouts" href="http://www.pyzam.com" target="_blank"><br /><img border="0" src="http://static.pyzam.com/images/friendsterlayouts.jpg" alt="Friendster Layouts" /></a><br /><br /><br /><br /><br /> border="0" height="30" width="88"></a>

Customize CSS
/*page background*/<br />body {<br />background-color:9c2987;<br /> background-image: url(http://stuff.pyzam.com/layouts/img//h/e/ahheartgloss2.jpg);<br /> background-attachment: fixed;<br /> background-position: top right;<br /> background-repeat: no-repeat;<br /> border-color:ffffff;<br /> border-width:0px ;<br /> border-style: solid;<br />}<br />/*global fonts*/<br />.usercontent {<br /> font-family:helvetica;<br /> color:ffffff;<br />}<br />/*global links*/<br />.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {<br /> font-weight:bold;<br /> color:ffffff;<br />}<br />.usercontent a:hover {<br /> color:ffffff;<br />}<br />/*main boxes*/<br />.commonbox { <br /> border-style: solid;<br /> border-width:1px;<br /> border-color: ffffff;<br /> background-color:9c2987;<br />}<br />.commonbox h1, .commonbox h2 { /*header*/<br /> color:ffffff;<br /> background-color:9c2987;<br />}<br />.commonbox .viewall { /*viewall link*/<br /> font-weight:bold;<br /> color:ffffff;<br />}<br />.commonbox .imgblock75, .ir { /*photo blocks*/<br /> border-style: solid;<br /> border-width:1px;<br /> border-color: ffffff;<br /> background-color:9c2987;<br />}<br />.commonbox .dr { /*name bars below photo blocks*/<br /> color:ffffff;<br /> background-color:9c2987;<br />}<br />/*control panel*/<br />.controlpanel .imgblock200 { /*primary photo border*/<br /> border-style: solid;<br /> border-width:1px;<br /> border-color: ffffff;<br />}<br />.data { /*data answers*/<br /> color:ffffff;<br />}<br />.controlpanel .q { /*data labels*/<br /> color:ffffff;<br />}<br />.data a { /*data links*/<br /> color:ffffff;<br />}<br />a.more { /*more about link*/<br /> color:ffffff;<br />}<br />#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited { /*buttons*/<br /> color:ffffff;<br /> border-style: solid;<br /> border-width:1px;<br /> border-color: ffffff;<br /> background-color:9c2987;<br />}<br />#controlPanelButtons a:hover { /*buttons hover*/<br /> color:ffffff;<br /> border-style: solid;<br /> border-width:1px;<br /> border-color: ffffff;<br /> background-color:ffffff;<br />}<br /></a><br /><br /><br /><br /><br /> border="0" height="30" width="88"></a>

Add Media
<a title="Friendster Layouts" href="http://www.pyzam.com" target="_blank"><br /><img border="0" src="http://static.pyzam.com/images/friendsterlayouts.jpg" alt="Friendster Layouts" /></a><br /><br /><br /><br /><br /><br /> border="0" height="30" width="88"></a>
Caranya :

1. Copy script di dalam box di atas
2. Masuk ke menu "Customize" di friendster
3. Paste script tersebut ke dalam "Customize CSS" & "Add Media"
4. Selamat mencoba