Cara Membuat Tanda Tangan di Bawah Artikel Blog

TANDA TANGAN
Satu lagi trik dari BLOGGERBUGIS untuk mempercantik tampilan blog yaitu dengan memasukkan tanda tangan ke dalam postingan blog. Dengan adanya tanda tangan penulis atau admin, tulisan di artikel akan terlihat lebih memperkuat karakter penulis. Tanda tangan yang dimaksud disini adalah tanda tangan otomatis yang akan selalu muncul disetiap artikel, baik artikel yang belum diposting, maupun artikel yang telah diposting sebelum memasukkan tanda tangan. Mari kita mulai tutorialnya....

Cara Memasukkan Tanda Tangan di Blog

Sebelumnya anda harus memiliki tanda tangan digital, yaitu tanda tangan yang berupa gambar. Tanda tangan ini bisa diperoleh dengan cara scan tanda tangan lalu upload di image hosting seperti picasa. Bisa juga dengan memanfaatkan situs pembuat tanda tangan online yang banyak dijumpai di internet. Setelah memiliki tanda tangan yang dimaksud, silahkan lanjutkan dengan melakukan tutorial CARA MEMBUAT TANDA TANGAN di blog berikut ini :
  • Silahkan buka bagian kode template blog anda. Bagi anda yang belum tahu cara masuk ke bagian ini, silahkan klik "Cara Edit Template" untuk membaca tutorialnya.
  • Setelah membuka halaman kode template, berikan tanda checklist pada kotak yang ada di depan tulisan "Expand Template Widget".
  • Cari kode <data:post.body/> lalu letakkan kode berikut di bawahnya :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='text-align:right; margin:55px 5px 0 0'><img alt='tanda tangan' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirdgf2D-Gu9FF5y1Dr5c6atnrTKNRymjdexNw9bRDxCrL6YRR_99Low8S7xOd8hR2r0d8-IWfck6M6ReH-8oZBk5dyBu1lO-5W_1BZUszK_OOWklwIb7N0N_wIKyiKBE7EOUM80v5J0p_M/s640/Tanda%20Tangan%20Awal.png' style='border:0px; width:100px;'/></div>
</b:if> 
  • Simpan template lalu ucapkan alhamdulillah...
  • Selesai...

Notes :
  • Ganti kode yang berwarna merah dengan URL tanda tangan anda.
  • Ganti kode yang berwarna biru dengan angka yang lebih besar atau lebih kecil untuk mengatur ukuran tanda tangan anda.
  • Jika anda menggunakan read more atau baca selengkapnya, pasang kode si bawah kode <data:post.body/> yang kedua. 
  • Kode tersebut bisa juga diletakkan di bawah kode  <div class='post-footer'>.
Live demo TANDA TANGAN di blog bisa anda lihat di bagian bawah artikel CARA MEMBUAT TANDA TANGAN di blog ini.

Semoga bermanfaat...