Cara mudah membuat tanda tangan pada blog

Bookmark and Share

Pada hari ini saya akan posting bagaimana cara memperindah blog kita dengan sedikit hiasan yang bisa di bilang ada gunanya juga, ya karena untuk memperindah blog kita sendiri, maka dari itu saya ingin share cara yang satu ini, semoga sobat tidak bosan dan bisa mengikuti langkah-langkah yang saya berika di blog saya ini.
Tanda Tangan atau Signature, adalah salah satu cara membuat blog kita semakin bagus, karena dengan adanya tanda tangan blog kita bisa lebih terlihat hidup, jadi kalau sobat ingin mengetahui car bagaimana membuat tanda tangan silahkan di baca dan di praktekkan setiap detail yang saya berikan.

Kunjungi http://www.mylivesignature.com/ 
Ada 3 pilihan klik Proceed





Nanti kita akan di bawa ke halaman ada 4 opsi cara untuk membuat Signature. saya sarankan gunakan yang Using the Signature Creation Wizard. di bawah ini Screen Shootnya

Isi form enter the name dengan nama anda atau nama yang akan sobat gunakan untuk signature. setelah itu  Next Step


Akan muncul banyak pilihan dan ragam, tinggal pilih salah satu lalu klik lagi next step
Setelah memilih jenis dan macam pilihan Signature, selanjutnya kita akan di persilahkan untuk memilih ukuran dari signature kita. kalau sudah memilih klik lagi next step.
Di halaman selanjutnya kita akan memilih warna tanda tangan. jika sudah klop lalu klik lagi next step.
Lalu nanti kita akn di bawa ke halaman slope,mengatur kemiringan tanda tangan kita agar terlihat lebih natural. Next Step.
Nah akhirnya selesai halaman terakhir adalah halaman di mana kita akan mengsave signature kita caranya klik kana pada gambar signature kita lalu klik save as atau dll.
Oh iya ID jangan lupa di simpan karena itu di butuhkan kembali.

NAH CARA MEMASUKKANNYA KE DALAM POSTING KITA SILAHKAN BACA DI BAWAH INI... :)

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

{ 0 komentar... Views All / Send Comment! }

Posting Komentar