Berikut adalah CARA BUAT ANNOUNCEMENT BOX DI BLOG. Mula-mula mesti lah login dan ke Template > Edit Html.. jangan lupa Expand dulu..
Kemudian ikuti langkah-langkah di bawah :
![]() |
contoh annoncement box yang di maksudkan |
Kemudian ikuti langkah-langkah di bawah :
- Cari kod </head> dan SEBELUM kod tu paste kan kod ni.
<script src="http://silenceblogz-javascript.googlecode.com/files/popup%20Box%20-%20silenceblogzDOTcom.txt"/></script>Kemudian jangan preview dulu sebab tu cuma script je.
Langkah seterusnya :
Pergi ke LAYOUT dan klik Add a Gadget > Html or javascript
Masukkan kod ni DI BAWAH (tajuk tak perlu):
<div id="showimage" style="position:absolute;width:250px;left:250px;top:250px">
<table border="0" width="250" bgcolor="#000080" cellspacing="0" cellpadding="2">
<tr>
<td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0"
height="36px">
<tr>
<td id="dragbar" style="cursor:hand; cursor:pointer" width="100%" onMousedown="initializedrag(event)"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0"><font face="Verdana"
color="#FFFFFF"><strong><small>Announcement Box</small></strong></font></layer></ilayer></td>
<td style="cursor:hand"><a href="#" onClick="hidebox();return false"><img src="http://4.bp.blogspot.com/-2t4X28CJRdo/UJLfn6yQS2I/AAAAAAAAEsY/hCnHlM02Ckg/s1600/close.gif" width="16px"
height="14px" border=0></a></td>
</tr>
<tr>
<td width="100%" bgcolor="#FFFFFF" style="padding:4px" colspan="2">
<!-- MASUKKAN ANNOUNCEMENT ANDA DI BAWAH NI -->
Testing 1 2 3
<!-- MASUKKAN ANNOUNCEMENT ANDA DI ATAS NI -->
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
Kemudian Save ! dan siap..
DEMO DI SINI
Apa yang perlu anda edit cuma di Testing 1 2 3 .. tukarkan mengikut apa yang anda nak bagitau. Kalau ada apa-apa persoalan boleh tanya di ruangan komen.
takde preview ke bro nanti jadi camne?
ReplyDelete@Hatimi Tahirruddin ada lah.. klik demo tu..
ReplyDelete@potia casadelarossa ok sudah nampak...haha nice info bro
ReplyDelete@Hatimi Tahirruddin entry yg baik berserta gambar walaupon kecik tapi mesti berkait... tgk apa dah jadi dekat SPECIAL GUEST TODAY? takde gambar
ReplyDeletemaster coding..hehehe
ReplyDelete@boni kacak bukanlah... master chef ekekke
ReplyDeleteyg javascript yg atas tu knp tak jadikan lam bentuk .js dan host jvscript sbb pjg berjela nk copypaste lam template..
ReplyDeletenak cuba test buat la..apapon arigato abam potia :)
p/s: plagiat? perlu phm pun xpe. sj jer nk kasi tagline nmpak gempak padahal mgarut2 jer :P
menarik boleh di drag mana2.. erm box tu kan boleh tak kalau kita nk buh design box sendiri?
ReplyDeleteterima kasih cikgu
ReplyDeletedah lama rase nya tak bermain dengan coding ni...
ReplyDeleteterima kasih potia... :)
ReplyDeletenak tulis apa ye dalam announcement box tu... erm...
nice .. :)
ReplyDeleterabun mata kita kalau nak main dgn koding ni =) hehe
ReplyDeleteapa2 pun, ilmu yg berguna & boleh dimanfaatkan oleh org lain ni
yg ni pop out msg tu ea?
ReplyDelete