See mine? It follows every post – not just the ones published subsequent to the addition of the code.
Ok, first make your signature. I did mine in photoshop. Here is how…
1. Open a new file. I made mine 220px by 96px (trial and error – it fits best after my posts). Make sure you choose “transparent” in the background contents tab as below.
![](http://3.bp.blogspot.com/_HR3cSzDLS7g/S3as4r8ALKI/AAAAAAAAAp0/QOBKCx8c58I/s320/OpenFileSigTut.png)
2. Choose the Text tool (keyboard short cut T) and pick your favorite font. I used “Hannah’s Messy Handwriting”, which I downloaded here at dafont.com. Pick your font color and size, and type your name…
![](http://1.bp.blogspot.com/_HR3cSzDLS7g/S3atRlUGhaI/AAAAAAAAAp8/AS0ONv_hpNY/s320/ColorAndFont.png)
![](http://2.bp.blogspot.com/_HR3cSzDLS7g/S3aty4dGo5I/AAAAAAAAAqE/KA4UyL55EjE/s320/TypeName.png)
3. I added a heart using a heart brush that I made (that is for a later tutorial)…
Choose the brush tool (keyboard shortcut ‘b’), pick a foreground color and brush that you like and paint design of your choice…
![](http://4.bp.blogspot.com/_HR3cSzDLS7g/S3axM5nIGZI/AAAAAAAAAqM/9una9I0vCZY/s320/AddBrushHeart.png)
4. Save file and upload to image hosting website (I use Photobucket)…
Save File as .png, so that transparency will be maintained and the signature file will not come with a background that may vary from your post background color.
![](http://3.bp.blogspot.com/_HR3cSzDLS7g/S3ayh7afSCI/AAAAAAAAAqU/vKIkn7dqk-A/s320/SaveAs.png)
![](http://3.bp.blogspot.com/_HR3cSzDLS7g/S3azRHTCbtI/AAAAAAAAAqc/OB2ORPSb5ag/s320/ChoosePNG.png)
Now put code for your image into your Blogger HTML template…
Go to your blogger dashboard and click ‘layout’, then ‘edit HTML’, then
check the expand widget box as follows…
![](http://2.bp.blogspot.com/_HR3cSzDLS7g/S3a6BvlfrHI/AAAAAAAAAqs/SJNeKadaOzY/s320/EDITHTML.png)
Find the line: