16.55.00
Syamsudinnamaku
Lelah berkutat dengan kode, guna memadukan widget
jam dengan gambar animasi. Setelah hampir setengah
hari dengan menghabiskan sebungkus rokok dan
segelas kopi, akhirnya berhasil juga. Semua dilakukan
demi sahabat pengunjung setia blog ini sekaligus agar
blog ini dapat " berbagi " terutama sesama pemula.
Berikut ini adalah gambar previewnya :
|
|
Untuk memasangnya sangatlah mudah. Seperti biasa,
anda cukup menambahkan gadget pada blog anda
kemudian letakkan kode berikut ke dalam kontennya :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 | <style>
body {
margin:0px;
}
#wrapper {
position:relative;
width:100px;
height:100px;
}
#syam {
position:relative;
font-weight:bold;
font-size:8pt;
color:#000000;
padding:0px;
font-family:Arial;
}
</style>
<div id="wrapper" style="width: 100px; height: 128px">
<table border="0" width="140px" cellspacing="0" cellpadding="0">
<tr>
<td>
<p align="center">
<a target="_blank" href="#">
<img border="0" src="http://i1128.photobucket.com/albums/m486/syamsudin1/cat_music.gif" width="90" height="135" /></a></p></td>
</tr>
<tr>
<td bgcolor="transparent" height="50">
<table border="3" width="120px" height="50" bordercolorlight="#FFFF00" bordercolordark="#FF0000" bgcolor="#000000" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
<span id="syam" style="top:-37px;left:17px;"><style>
<!--
.styling{
background-color:black;
color:lime;
font: bold 18px MS Sans Serif;
padding: 0px;
}
-->
</style>
<span id="digitalclock" class="styling"></span>
<script src="http://h1.ripway.com/syamsudin/jam-lcd.js" type="text/javascript"></script></span>
</div>
<p>
</p> |
KETERANGAN :
1. http://i1128.photobucket.com/albums/m486/
syamsudin1/cat_music.gif ganti dengan gambar
animasi yang anda miliki.
2. Ubah width="90" height="135"-nya. Sesuaikan
dengan ukuran gambar animasi milik anda tersebut.
3. Ubah <table border="3" width="130px" height="25"
untuk menyesuaikan ukuran dasar backgroundnya.
4. Ubah pula style="top:-37px;left:17px;"
untuk menyesuaikan posisi jamnya.
CATATAN :
Bila anda menemukan kode <br />
dalam kode-kode di atas, hilangkanlah kode tersebut
lalu turunkan ke bawah kode yang setelahnya.
Selamat mencoba, good luck!
0 comments:
Posting Komentar