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 :
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&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.
Selamat mencoba, good luck!
0 comments:
Posting Komentar