Monday, December 05, 2011

Simple Automatik Watermark

source :http://www.webmastervideoschool.com

Jenuh rasanya nak watermark semua image kita upload dekat website so  untuk memudah kan me'watermark' kan semua gambar yang ada. Kat sini aku ada satu cara untuk automatik ada watermark bila kita upload gambar. Ini satu cara yang mudah untuk difahami tapi agak leceh di aplikasi.


      1. Pertama kena sedia kan satu PNG file yang background dia treansparent. Yang aku buat seperti yang  ada atas gambar tu kemudian.
      2. Kemudian pergi ke Design >> Edit Html dan cari perkataan ni "]]< \b : skin>;".
      3. Sebelum perkataan tu berakhir. Taipkan seperi berikut :
/*------watermark------*/
.watermark {
position: relative; top: -100px;
}
        4. Kemudian Save Template

untuk pada blog anda jika ada gambar, letakkan gambar yang PNG (eg : watermark.png) dibawah gambar yang hendak diwaterarkan itu. Contohnya macam ni
Jadi hasilnya adalah seperti yang dibawah ini... 



Selamat mencuba..
Share: