Thanks to Amanda of Blogger Buster who created an easy to use image graphic signatue generator which she called "live signature" and using the wizard, by making a couple of choices, I was able to generate the graphic signature to put at the bottom of the post with very little fuss. When you are done with selecting your choices, you will end up in this page:
First to the the "live signature" site and generate the graphic signature you like. You will end up with a graphic signature image. Right-click on the image and select "Save image as" and save it into your computer. Before you can use it, you have to upload it to the web, You can use the Free Image and Video Hosting. You will have to get the photo URL. The process of getting the photo URL is explain in the lower half of this post Uploading and manipulating images for Blogger (click BACK button to get back to this page).
Another way is to create a special post or a special blog for the purpose of hosing the image. Upload it in the usual way, view the post, click on the graphic image signature that you have uploaded. (see Graphic image signature: Test
You will be taken to a page containing only the graphic signature image. Click VIEW > PAGEB SOURCE in the menu bar and a new window will appear containing the page source. I will put the actual page source in the scroll box below:
<html>
<head>
<title>Peter+Chen+signature.png (image)</title>
<script type="text/javascript">
<!--
if (top.location != self.location) top.location = self.location;
// -->
</script>
</head>
<body bgcolor="#ffffff" text="#000000">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0AcU1YzluLEFjBNVbDi-QdQru_hM9cUDm9SemulR4MB9_m7P7KB4MTpgrkWX5IKG5CxszJqEnU-vag4RbXhdJ7miakwLHeXNKnO-L3f0DtP05DpowqHJCM7ghD4KvfmQ_ebCxsUSYHaR/s1600/Peter+Chen+signature.png" alt="[Peter+Chen+signature.png]" border=0>
</body>
</html>
<head>
<title>Peter+Chen+signature.png (image)</title>
<script type="text/javascript">
<!--
if (top.location != self.location) top.location = self.location;
// -->
</script>
</head>
<body bgcolor="#ffffff" text="#000000">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix0AcU1YzluLEFjBNVbDi-QdQru_hM9cUDm9SemulR4MB9_m7P7KB4MTpgrkWX5IKG5CxszJqEnU-vag4RbXhdJ7miakwLHeXNKnO-L3f0DtP05DpowqHJCM7ghD4KvfmQ_ebCxsUSYHaR/s1600/Peter+Chen+signature.png" alt="[Peter+Chen+signature.png]" border=0>
</body>
</html>
The photo URL is highlighted in red. Copy this and preferably paste it into a Notepad file so you can get it anytime your like.
Then type at the bottom of the post the HTML for an image:
<img src="photo URL" alt="some text to describe the image" />
where the photo URL is what you see highlighted in red in the scroll box above.
Now if you don't want to have to go to the trouble of typing this image HTML each time you create a new post, go to SETTINGS > FORMATTING and at the bottom, you will have the POST TEMPLATE, a box for you to paste the abovve img tag into the box. Save the setting. After that, each time you create a new post, this img tag will automatically appear in your post editor. Just type your content above the img tag.
0 comments:
Post a Comment