Membuat Kalender Dengan Gambar Animasi


Rasa lelah berkutat dengan kode untuk " Membuat
Jam Dengan Gambar Animasi " tempo hari, terbayar-
kan dengan berlanjutnya keberhasilan " Membuat
Kalender Dengan Gambar Animasi " yang saat ini
diturunkan tutorialnya. Seperti gambar previewnya
yang bisa anda lihat di bawah ini :

 


 








Untuk memasangnya sangatlah mudah. Seperti biasa,
anda cukup menambahkan gadget pada blog anda
kemudian letakkan kode berikut dalam kontennya :


Copy Kode

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

<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="height: 128px; width: 100px;">
<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr> <td>

<div align="center">
<a href="http://www.blogger.com/post-edit.g?blogID=8287053043450086996&amp;postID=1610772188412545047#" target="_blank">  <img border="0" height="130" src="http://i1128.photobucket.com/albums/m486/syamsudin1/rabbit_dance.gif" width="120" /></a></div>
</td> </tr>
<tr> <td bgcolor="transparent" height="30">
<table bgcolor="#b5ff59" border="3" bordercolordark="#CCEE66" bordercolorlight="#009966" cellpadding="0" cellspacing="0" height="25"><tbody>
<tr> <td></td>  </tr>
</tbody></table>
</td> </tr>
</tbody></table>
<span id="syam" style="left: 15px; top: -24px;"><script src="http://h1.ripway.com/syamsudin/kalender.js" type="text/javascript">
</script></span> 

</div>

KETERANGAN :

1.   http://i1128.photobucket.com/albums/m486/
      syamsudin1/rabbit dance.gif ganti dengan
      gambar animasi yang anda miliki.

2.   Ubah width="120" height="130"-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:-24px;left:15px;
      untuk menyesuaikan posisi kalendernya.

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!
at

Tidak ada komentar:

Posting Komentar