There are different types of blogger tags you can use for your profile. You can find more information on the Blogger help page about the different tags to use. I have used the tag <$BlogMemberProfile$>.
When you use the <$BlogMemberProfile$> tag the following code and text will automatically be inserted into your XHTML file.
<div id=“profile-container”>
<h2 class=“sidebar-title”>About Me</h2>
<dl class=“profile-datablock”> <dt class=“profile-img”>
<a href=“http://www.blogger.com/profile/5722910″>
<img width=“73” alt=“My Photo” height=“80” src=“http://www.imagestash.com/uploads/34162.jpg”> </a> </dt>
<dd class=“profile-data”> <strong>Name:</strong>Susie </dd>
<dd class=“profile-data”> <strong>Location:</strong>Finland </dd> </dl>
<p class=“profile-textblock”> I’m a 42 year old teacher…</p>
<p class=“profile-link”> <a href=“http://www.blogger.com/profile/5722910″>View my complete profile</a> </p> </div>
To be able to change the style for your profile you need to use the classes from the above code and add them to your style sheet. Use the information from the recourses I have provided to change the style. My code looks like this:
/* Profile
— — — — — — — — — — — — — — — – */
.profile-datablock {
margin:0px 5px 0px 0px;
line-height:1.6em;
font-size:1.1em;
}
.profile-img {
display:inline;
}
.profile-img img {
float: left;
margin: 0px 5px 0px 5px;
border: 3px double #B5582C;
}
.profile-img a:hover img {
border-width:0;
background-color:#D9D4B7;
padding:0;
margin: 0px 5px 0px 5px;
border: 3px double #B5582C;
}
.profile-img a:hover {
background-color:#D9D4B7;
padding:0;
}
.profile-data {
margin:0px 5px 0px 0px;
line-height:1.6em;
font-size:1.1em;
}
.profile-data a {
margin:0px 5px 0px 0px;
line-height:1.6em;
font-size:1.1em;
}
.profile-data strong {
display:block;
}
.profile-textblock {
clear:left;
margin: 0px 4px 0px 0px;
line-height:1.6em;
font-size:1.1em;
}
You can find the xhtml file here and a test blog here. It’s difficult to see what the profile looks like in the xhtml file, you can only examine the changes properly in the test blog.
Welcome back! Nice to see you again, hope you enjoy your visit.
February 10th, 2005 at 4:02 am
Hello Suzie,
I came across your blog via BlogClicker, and I am very interested in your expertise with blog templates.
I’d like to be able to get back to your blog, but I’m not too savvy with technicalities and can’t find a way to even save your blog’s address within BlogClicker.
Would you be kind enough to email it to me?
Thank you
February 10th, 2005 at 8:23 pm
Nice site content and I have this site on my blogmark I believe. Keep up the good work. Oh yea, if possible, could you try to add more info/things on platform independant based editors too? That’ll prove to be helpful to some non-Windows users like me. Cheers!
Hallaj
February 10th, 2005 at 8:57 pm
Thanks for your comments! Of course I could try to find some software for other platforms than Windows, but unfortunately I can’t test them. For the moment I only have Windows installed on my computers, I might install Linux on one of the computers sometime in the future, but before that the only software I can test is those for Windows.
February 10th, 2005 at 9:35 pm
I love your site. It’s very helpful! Thank you for sharing all these goodies.
July 2nd, 2005 at 4:21 am
The test blog just does not load.
November 29th, 2005 at 8:38 am
A
November 1st, 2007 at 2:10 pm
Your blog is very nice…. I like your blogs….
I will be available in online for link exchange from 9am to 7pm (IST)
For my chatting id:
gmail: fastlinkmaster@gmail.com
Skype: ananthakumar007
computer repair NYC service New york city
web design New York, web design Philadelphia
Web design India, web designer India
Search Engine Optimization