Post kali ini sy akan berkongsi cara untuk meletakkan tanda tangan dibawah posting anda. Mungkin ada dikalangan pembaca tertanya2 bagaimana penulis blog meletakkan tanda tangan pada blog mereka. Untuk tutorial kali ini, kita akan menggunakan servis percuma daripada MyLive Signature. Sy akan bahagikan dua iaitu untuk penulis keseorangan dan byk penulis didalam satu blog.
Terlebih dahulu sila membuat signature anda di MyLive Signature.


Tekan "Click Here to Start" dan ikuti langkah2 di web tersebut. Selepas siap, tekan "Want to use this signature?"



Pilih generate Html Code. Dapatkan koding signature anda. Anda akan dpt coding seperti dibawah

<a href="http://www.mylivesignature.com" target="_blank">
<img src="http://signatures.mylivesignature.com/54488/369/6F53071F5567C789FA335DB3BA234DFB.png" 
style="border: 0 !important; background: transparent;"/></a>

Ambil lokasi image sahaja. Lokasi image akan berada didalam <img src="ini adalah lokasi image">

http://signatures.mylivesignature.com/54488/369/6F53071F5567C789FA335DB3BA234DFB.png

Seterusnya masuk kedalam akaun blogger anda. Dashboard > Design > Edit HTML. Cari koding

<div class='post-footer-line post-footer-line-1'>

jika tiada cuba

<p class='post-footer-line post-footer-line-1'>

atau

 <data:post.body/>

Untuk Single Author

1 Copy dan paste coding dibawah selepas koding yang dicari td.

<img src='url_of_your_signature_image' style='border:0px;'/>

2 Gantikan url_of_your_signature_image dengan lokasi signature td.


Untuk Multiple Author

1) Copy dan Paste koding dibawah selepas koding yang dicari td.

 <b:if cond='data:post.author == &quot;Author1Name&quot;'>
<img src='url_of_author1_signature_image' style='border:0px;'/>
</b:if>
<b:if cond='data:post.author == &quot;Author2Name&quot;'>
<img src='url_of_author2_signature_image' style='border:0px;'/>
</b:if>

Tukarkan kawasan yang diboldkan dengan nama author dan lokasi signature.


Save kan template anda dan lihat hasilnya. Semoga Berjaya (^^,)

---

Blog
Gadget

Jika anda sukakan article ini,linkkan kembali...

<a href="http://syoknyerblogging.blogspot.com/2010/12/module-12-membuat-tanda-tangan-dibawah.html">Module 12: Membuat Tanda Tangan Dibawah Posting</a>