Ads 468x60px

Pages

Saturday, June 30, 2007

Putting author's photo in the center at bottom of post

Testing. Will elaborate later. Test successful. See HTML in scrollbox below:

<div style="text-align:center;"><a href="http://www.blogger.com/profile/06356385819441765673" target="new">
<img src="http://photos1.blogger.com/x/blogger/5611/753/1600/98819/mugshot.jpg" width="50" /></a></div>


Note that the photo is a hyperlink. Click on it and see where it takes you. This post is a follow-up from the earlier post Put photo of authors in post footer (click BACK button to get back to this page).

OK. Got a question in the comments. It will be easier to answer in a post. If you want the same thing in a single post, then you can click inside the scroll box, press ctrl+A to highlight all the code, right-click and select "copy to copy code into clipboard, then paste into the bottom of your post editor window. However without making changes, you will get a photo of me, and clicking on it will take you to my profile. If you want that to be changed, you will have to change the URL of the photo to the URL of your own photo, and the URL of the destination to the URL of the site (can be your profile or any site you want). I will highlight the parts that need changing below in red:

<div style="text-align:center;"><a href=""http://www.blogger.com/profile/06356385819441765673" target="new">
<img src="http://photos1.blogger.com/x/blogger/5611/753/1600/98819/mugshot.jpg" width="50" /></a></div>


If it is your profile you want to link to, then you will have to get the URL of your profile, and one of the ways to get it is if you have your profile (About Me) displayed in your blog, right-click on "VIEW MY COMPLETE PROFILE" and select "copy shortcut" (This is for Firefox. With other browsers, the wordings will be slightly different but similar) and substitute the first URL highlighted in red with this URL. If it is another site you want the photo to link to, and you are not very familiar with URL, refer to What is URL and how to get it.

The other one you need to change is the photo URL. If you already have a photo for your profile, and you want that photo, go into Dashboard, at the top-right corner, click EDIT PROFILE, then look for "Photo URL" and copy the URL from the box on the right of it. If it is some other photo you want, then refer to Using New Blogger to host your photos for the profile, sidebar, etc.

If you want the photo at the bottom of EVERY post without having to paste the code each time you make a post, get into the Dashboard of your blog, click SETTINGS > FORMATTING and paste the code into the post template at the bottom of the page.


0 comments:

Post a Comment