MOHON PERHATIAN!!!........ Sehubungan sedang "ERROR"nya situs HTTP://WWW.RIPWAY.COM, maka bila Anda menemukan tutorial yang menggunakan kode dengan nama situs tersebut, sementara waktu JANGANLAH Anda gunakan. Mohon maaf, semoga anda memakluminya.............................

Mengucapkan Selamat Datang, Semoga Dapat Berkenan Di Hati Anda



SYAMSUDINNAMAKU telah hadir

KUNJUNGI CHANNEL YOUTUBE SAYA

Membuat Jam Dengan Gambar Animasi


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>&nbsp;</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>
&nbsp;</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.
( hal ini berlaku untuk semua kode-kode
tutorial di blog ini agar kodenya dapat berfungsi
atau bekerja sebagaimana mestinya )

Selamat mencoba, good luck!


0 comments:

Posting Komentar