Gatot Cermin

Tutorial, Tips, Informasi, Blogging

Ads Here

Kamis, 28 Februari 2013

Cara Bikin Tanda Tangan di Blog

Mungkin di antara sobat blogger sudah pernah melihat hiasan yang satu ini, biasanya diletakkan di bagian bawah postingan yang semakin menegaskan bahwa sobat adalah pemilik resminya. Bagi sobat yang tertarik, silahkan ikuti tutorial berikut.

Cara Memasang / Membuat Tanda Tangan di Blog
1. Kunjungi situs http://mylivesignature.com
2. Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.


3. Setelah itu, klik tulisan Using the signature creation wizard.
4. Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step
5. Pilih jenis huruf yang di inginkan dan klik Next Step. 

6. Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.
7. Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.


Tambahan :
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.

8. Atur kemiringan ( slope ) teks dan klik Next Step
9. Nah dengan demikian maka tanda tangan online sobat telah berhasil dibuat.


Tambahan :
Klik Copy Image Location untuk mengambil URL gambarnya
Klik Save Image As untuk mendownload Tanda Tangannya.

Beginilah hasilnya

Kalau punya saya yang ini (Sudah di rekayasa)
UPDATE :
  • Setelah sobat simpan kode HTML tanda tangan sobat, kemudian sobat masuk ke dasbor blogger sobat Template >> Edit HTML jangan lupa centang Expand your Widget Templates
  • Bila sobat sudah masuk ke edit HTML kemudian cari kode berikut, untuk mempermudah pencarian sobat bisa tekan Ctrl + f
<div class='post-footer-line post-footer-line-1'>
  • ATAU
<p class='post-footer-line post-footer-line-1'>
  • ATAU Yang Ini
<data:post.body/>
  • Setelah sobat menemukan salah satu kode diatas, kemudian sobat paste kode berikut tepat dibawah salah satu kode diatas
<b:if cond='data:blog.pageType == "item"'> <img src='ganti dengan url gambar sobat' style='border:0px;'/> </b:if>
  • Setelah itu simpan template dan lihat hasilnya
==SELAMAT MENCOBA==

Tidak ada komentar:

Posting Komentar