Cara Membuat Gambar Tanda Tangan Secara Online
Untuk membuat tanda tangan dengan online tool, saya memilih menggunakan
MyLiveSignature, sehingga tutorial ini akan mengetengahkan
langkah-langkah membuat signature dengan online tool tersebut.
1. Masuk ke mylivesignature.com.
2. Ada beberapa opsi disana, jika ingin
membuat tanda tangan tanpa register, klik "Proceed". Jika ingin daftar,
klik "register"
3. Setelah klik
proceed, anda akan masuk ke halaman opsi jenis signature yang akan
dibuat. Ada 4 cara membuat signature: dengan wizard, dengan menulis
sendiri di screen tool, upload gambar yang di-scan, atau menggunakan
font. sendiri. Saya sarankan untuk membuat dengan wizard (pilih opsi
pertama), karena cara itu lebih mudah.
4. Tuliskan nama anda atau nama yg ingin dibuat sebagai tanda
tangan. Klik 'next step'.
5. Langkah selanjutnya adalah memilih
jenis font tanda tangan. Ada banyak jenis font dan langsung bisa dilihat
melalui preview. Pilih font yang diinginkan dengan klik opsi di sebelah
preview. Setelah itu 'klik next'.
7. Setelah gambar jadi, anda akan dibawa ke halaman hasil
akhir gambar. Di halaman tersebut terdapat gambar tanda tangan/signature
dan di bwahnya tertera ID dari tanda tangan tersebut. SImpan ID jika
dibutuhkan kembali di kemudian hari. Untuk menyimpan gambar, klik kanan,
lalu pilih 'save as' atau 'save image as'
Cara Memasang Tanda Tangan di Bawah Posting Blog
1. Pastikan terlebih dahulu gambar
tandatangan tadi telah di upload. Kemudian simpan direct url dari gambar
tersebut.
2. Untuk menampilkan
gambar di bawah posting kita bisa menggunakan dua cara:
a. Dengan memasukkan html gambar di
fitur blogger untuk menyisipkan widget di posting:
Dari Setting > Formatting > Lihat ke bagian kosong di sebelah kanan Post template di bagian bawah halaman.
Isikan script image ke dalamnya:
< img border="0" src="urlgambartandatangan.jpg" />
Ganti urlgambartandatangan.jpg dengan url gambar tandatangan sobat.
Kelemahan dari cara ini adalah susunan struktur pada badan
post kadang-kadang bisa kacau, dan membutuhkan waktu load yang lebih
lama
b. Dengan memasukkan gambar di bagian template HTML melalui Edit HTML Blogger:
Melalui Edit HTML, sobat dapat
memasukkan script secara lebih leluasa dan juga dapat menambahkan
aturan-aturan tertentu agar struktur tampilan lebih sempurna.
- Di beberapa tutorial, saya melihat script
yang dimasukkan hanya dalam bentuk HTML gambar seperti ini:
< img border="0" src="urlgambartandatangan.jpg" />
Namun, jika hanya
dengan HTML gambar, struktur gambar menjadi tidak independen karena dia
mengikuti aturan (div) pada tulisan di atasnya (tulisan posting di
bagian akhir/bawah). Sehingga kadang-kadang gambar betubrukan dengan
tulisan atau bergeser.
- Untuk
membuat gambar berstruktur independen maka tambahkan struktur sendiri
pada tag gambar:
<div>< img border='0' src='urlgambartandatangan.jpg' /></div>
Dengan cara ini, gambar dapat berada di
baris selanjutnya di bawah tulisan posting.
- Agar gambar bisa diatur posisinya, akhirnya gunakan aturan
berikut:
<div style='padding:5px;float:right'>< img border="0" src='urlgambartandatangan.jpg' /></div>
- right
akan menampilkan gambar di sisi kanan, ganti dengan left jika ingin gambar berada di sebelah kiri.Ganti urlgambartandatangan.jpg dengan url gambar
tandatangan yg telah di-upload.
-
Setelah selesai mengedit script, masuk ke dahsboard > design >
Edit HTML.
- Jangan lupa
centang "Expand Widget Templates"
- Cari <data:post.body/>
- Letakkan kode yang telah diedit tadi
tepat di BAWAH-nya.
- Save Template.
Note: Jika blog telah menggunakan fitur auto readmore, ada lebih dari satu <data:post.body/>, letakkan kode tanda tangan di bawah <data:post.body/> yg kedua.
Posting Komentar