Satu lagi trik dari ChAPblog 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 == "item"'>
<div style='text-align:right; margin:55px 5px 0 0'><img alt='tanda tangan' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtmIul4Bjf732OpzeItIM0K9bjZ-E_1AAkvf1I-rZYbzm3NJT4gInIRREz6W4N083lJqqj_yZi39EcVHE4VJlMf6sQnuAYn6v7-wZRiDx3a4mSaZWCigreACI0qFFOgdxVFw1eZH4Zs7lJ/s640/Tanda%20Tangan%20Awal.png' style='border:0px; width:100px;'/></div>
</b:if>
- Simpan template.
- Selesai.
- 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'>.
wah thx artikelnya gan, bermanfaat banget
BalasHapus