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.

cara buat tutorial tutorial blog 11/02/2012 04:53:00 am