Latest News
Friday, November 02, 2012

CARA BUAT ANNOUNCEMENT BOX DI BLOG

Berikut adalah CARA BUAT ANNOUNCEMENT BOX DI BLOG. Mula-mula mesti lah login dan ke Template > Edit Html.. jangan lupa Expand dulu..
contoh annoncement box yang di maksudkan

Kemudian ikuti langkah-langkah di bawah :

  1. 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.

INCOMING SEARCH TERM :

CARA BUAT ANNOUNCEMENT BOX DI BLOG
  • Blogger Comments
  • Facebook Comments

14 comments:

  1. takde preview ke bro nanti jadi camne?

    ReplyDelete
  2. @Hatimi Tahirruddin entry yg baik berserta gambar walaupon kecik tapi mesti berkait... tgk apa dah jadi dekat SPECIAL GUEST TODAY? takde gambar

    ReplyDelete
  3. yg javascript yg atas tu knp tak jadikan lam bentuk .js dan host jvscript sbb pjg berjela nk copypaste lam template..

    nak 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

    ReplyDelete
  4. menarik boleh di drag mana2.. erm box tu kan boleh tak kalau kita nk buh design box sendiri?

    ReplyDelete
  5. dah lama rase nya tak bermain dengan coding ni...

    ReplyDelete
  6. terima kasih potia... :)

    nak tulis apa ye dalam announcement box tu... erm...

    ReplyDelete
  7. rabun mata kita kalau nak main dgn koding ni =) hehe
    apa2 pun, ilmu yg berguna & boleh dimanfaatkan oleh org lain ni

    ReplyDelete

Sebarang Komen yang tidak berkaitan dengan artikel / SPAM akan Di PADAM. Terima Kasih.

Item Reviewed: CARA BUAT ANNOUNCEMENT BOX DI BLOG Rating: 5 Reviewed By: potia casadelarossa