Memasang signature/tandatangan di bawah post




Mungkin ada di antara anda pernah melihat blog rakan anda yang memaparkan signature ataupun tandatangan di ruangan bawah setiap posting. Jika anda berasa tertarik untuk meletakkan signature yang seperti itu, mylivesignature.com mungkin dapat membantu.  

Mylivesignature.com adalah satu site yang menyediakan perkidmatan membina signature secara percuma dan mudah. Tanpa perlu anda membuat pendaftaran.

Untuk mencubanya, sila klik di sini dan kemudian, ikut beberapa langkah yang di tunjukkan di bawah.

Langkah 1

Masukkan nickname yang akan di ubah kepada bentuk signature. seterusknya klik pada Next Step.

Langkah 2

Pilih jenis font yang bersesuaian. Setelah berpuas hati dengan jenis font yang di pilih, klik pada Next Step.

Langkah 3

Pilih saiz font yang bersesuaian. Setelah berpuas hati dengan saiz font yang di pilih, klik pada Next Step.

Langkah 4

Pilih warna signature dan juga warna background yang besesuaian dengan template blog anda. Sebaik-baiknya, warna background signature mestilah sama dengan warna background pada post. Setelah berpuas hati dengan warna font dan warna background yang di pilih, klik pada Next Step.

Langkah 5

Pilih paparan yang di rasakan sesuai pada bahagian Slope. Setelah berpuas hati dengan Slope yang di pilih, klik pada Next Step.

Langkah 6

Akhir sekali,dengan menggunakan mouse, klik kiri pada paparan signature yang telah siap itu. Seterusnya, salin URL bagi signature tersebut.

Contoh URL: http://www.mylivesignature.com/signatures/54488/74/541908D44D27E9E4659AA9FF42941015.png

Langkah 7

Paste URL signature (rujuk langkah 6) pada teks masukkan URL signature di sini pada kod berwarna biru di bawah.

<img src="masukkan signature disini" />

Contoh:
<img src="http://www.mylivesignature.com/signatures/54488/74/541908D44D27E9E4659AA9FF42941015.png" />

Langkah 8

Log in Blog => Dashboard => Layout => Edit HTML. seterusnya tick pada Expand Widget Templates.

Langkah 9

Dengan menggunakan keyboard, tekan kekunci Ctrl + F dan paste atau taip kod <data:post.body/> pada ruang Find. Seterusnya tekan kekunci Enter.

Langkah 10

Paste kod signature yang telah siap di edit (rujuk langkah 7) dan paste kod tersebut di bawah atau selepas kod <data:post.body/>

Akhir sekali, klik Preview dan jika tiada mesej Error terpapar, klik saja Save

61 komen:

  1. wah..interesting..nanti cuba. thanks

    ReplyDelete
  2. salah website kot..xdapat pun..mungkin myliviesignature.com kot

    ReplyDelete
  3. yg dalam script tue yg betul..yg link awal2 tu salah.. :)

    ReplyDelete
  4. ade link yg betul2 ke page yg dikehendaki x??..

    ReplyDelete
  5. mintak maap bertanya..kenapa langkah 9 sy tak dpt?

    ReplyDelete
  6. Blog ko ni...mmg mantop la...manyak info

    ReplyDelete
  7. salam..
    site tu kena tambah (.com) baru ada...
    myliviesignature.com

    ReplyDelete
  8. Link dah di betulkan :)

    www.mylivesignature.com

    @ wan fahmi.

    Pastikan expand widget template dah tick. Kalau tak ada juga, cuba taip kod tu secara manual. Kalau tak boleh juga, cuba guna kod bawah ni.

    <p></data:post.body></p>

    ReplyDelete
  9. @ Pak Long

    terima kasih atas makluman. Hehe.

    ReplyDelete
  10. wah..bestnya. tima kasih, nes.

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. This comment has been removed by the author.

    ReplyDelete
  13. salam.
    makasih tuan rumah..tumpang lalu dan timba ilmu di sini.Mama nak cuba nie

    ReplyDelete
  14. dah buat dah...tapi dia dok bawah related post..camne nak bagi duk atas related post???

    http://pistonpecah.blogspot.com

    ReplyDelete
  15. dah buat dah signature neh.. hehe

    p/s: cute lak layout dia skang.. smkin cantik jek nengok.. hihi

    ReplyDelete
  16. yeah nice toturiol

    ReplyDelete
  17. terima kasih,.....saya mesti pilih....nnt saya cuba gak....

    ReplyDelete
  18. naper x dpt step 9 tu..huhu..

    ReplyDelete
  19. alahai... sy pny blog xley wt la.. kuar error. knp ek??

    ReplyDelete
  20. nk tnye,npe sye da try buat tp x bleh p0n,..??minta bntu,

    ReplyDelete
  21. nes, boleh ke nak hilangkan outline kotak signature tu. Mcm mana yer? thanks.

    ReplyDelete
  22. Saya dah cuba. Tp tiada kod dalam template blog saya. Ada sesiapa tahu x macam mana nak solve dis matter? TQ :)

    http://amirazros.blogspot.com/

    ReplyDelete
  23. ya saya berjaya..

    terima kasih nescafe....

    ReplyDelete
  24. alaa~xjadi~xreti~da wt da~tp xjd~nk paste ktne?
    wt smpi expand widget je phm~seterusnye kurg nk phm~

    ReplyDelete
  25. da buat..da betul..tp xder pn kuar..huhu

    ReplyDelete
  26. banyak info untuk mantapkan ilmu dalam IT tp selalu jg tak dpt buat...terima kasih atas perkongsian ilmu

    ReplyDelete
  27. sama la .sy pon step 9 x dpt la? huhu

    ReplyDelete
  28. kenapa smpai step 9 jea tak dpt ?.

    ReplyDelete
  29. saya suka sangat dengan blog ni, banyak info !!! tq!!

    ReplyDelete
  30. NAPE STEP 9 TU TAK JADI??? HUHU...

    ReplyDelete
  31. YES...DAH JADI..HAHA =) MEKASIH

    ReplyDelete
  32. information..kalau xde kod no 9 tu,
    try search benda ni kadang2 / tu ada kat belakang..

    ReplyDelete
  33. assalamualaikum neslo.ini merupakan komen aku yang pertama kat blog ko ni...

    Aku xjumpa la step yang no9 tu kat blog aku :((
    Aku guna basic template.. tak de cara lain ke:-?

    ReplyDelete
  34. Anonymous9:46 PM

    Salam

    Step 9 tak dapat.

    ReplyDelete
  35. setelah dr pg aku study step ni, br skang mjadi. thanks bro. wa caya sama lu!!! hahahaha

    ReplyDelete
  36. Erhmm....kat mylivesignature tu ade siap bg code html. Aci tak tampal je code to msuk dlm blog and xpayah kacau bhgn edit html to?

    ReplyDelete
  37. @NNZ Collections and Faraidh

    buat kawan2 yg tak dapat step 9, cuba yg ni plak:

    ReplyDelete
  38. xde la kod ni dlm html tempalate tu...

    al-jerami.blogspot.com.. comment2 sekali ye...

    ReplyDelete
  39. salam...saya xde code tapi saya replace selepas code dan menjadi.. but the problem is posted by {yang lama} masih lagi keluar..mcm mana nak eliminate...tq

    ReplyDelete
  40. dah buat dan dah jadi.....tapi kat sesetgh post yang previous dia jadik terabur.....

    ReplyDelete
  41. saya pun xdpt la step no.9 tue..do help me... huhuhuu...

    ReplyDelete
  42. ...yang ni x de nak guna ayat mana pulak?

    ReplyDelete
  43. @mrs.JamaL

    Guna kod yang ini

    <div class='post-footer'>

    ReplyDelete
  44. Paste atas kod ni.

    <div class='post-footer'>

    ReplyDelete
  45. Kalau tak ada juga, cuba guna kod ni.

    <data:post.body/>

    ReplyDelete
  46. skali cube dah menjadik!!mmg terbaek..tp kan.cmne nak bg kedudukan dier center di bwh post yea..yg skrg btol2 slpas hujung huruf..

    ReplyDelete
  47. dah try n dah jadi.. thanks.

    ReplyDelete
  48. banyak kali cube x boleh pun.error jek kat blog......

    ReplyDelete
  49. cmne nak ubah position ke tengah???

    ReplyDelete
  50. xjadik laa..napa ek copy id mcm ni btul kan
    ke slh copy id..hmm

    ReplyDelete
  51. x jadi le .
    kenap kenapaa ? HOHO ,
    always ERROR .
    plez help me Encik Nes :)

    ReplyDelete
  52. knpa xboleh?boleh preview menjadipn but knpa xkua signature?knpa kua link and kod2 dy?

    ReplyDelete
  53. saye buat xboleh pon .
    copy url ke copy signature ID ?

    ReplyDelete
  54. erghh , web xleyh bkk laa .
    smlm bole je , ary nyh dy meragam plakk .

    ReplyDelete
  55. salam tq utk ilmu ini..

    ReplyDelete
  56. kuar error laa.. huh.. cediyh nye !

    ReplyDelete
  57. saya buat tak boleh2 pun

    ReplyDelete
  58. mantap tak tutorialnya

    ReplyDelete
  59. Great one. With the help of this post I have created my signature without any problem. All these steps are of great help to me as I was doing it for the first time. I must say that you have cleared all the things in a good way.
    eSignature

    ReplyDelete